Window screenX and screenY Property - Javascript Browser Object Model

Javascript examples for Browser Object Model:Window screenX screenY

  1. HOME
  2. Javascript
  3. Browser Object Model
  4. Window screenX screenY

Description

The screenX and screenY properties returns the x and y coordinates of the window relative to the screen.

Return Value

A Number, representing the horizontal and/or vertical distance of the window relative to the screen, in pixels

The following code shows how to return the x and y coordinates of the new window relative to the screen:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {//from   w w w.j  a  va2s .  c om
    var myWindow = window.open("", "myWin", "left=700, top=350, width=200, height=100");

    var winLeft = myWindow.screenLeft ? myWindow.screenLeft : myWindow.screenX;
    var winTop = myWindow.screenTop ? myWindow.screenTop : myWindow.screenY;

    myWindow.document.write("<p>This is 'myWin'");
    myWindow.document.write("<br>Horizontal: " + winLeft);
    myWindow.document.write("<br>Vertical: " + winTop + "</p>");
}
</script>
</head>
<body>

<button onclick="myFunction()">Open "myWin"</button>

<p id="demo"></p>

</body>
</html>

Related Tutorials