Window screenX and screenY Property - Javascript Browser Object Model

Javascript examples for Browser Object Model:Window screenX screenY


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>
function myFunction() {//from   w w w.j  a  va2s .  c om
    var myWindow ="", "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>");

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

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


Related Tutorials