Javascript Browser Window screenX and screenY Property vs screenLeft and screenTop

Introduction

Cross browser solution using screenLeft and screenTop for IE8 and earlier.

Click the button to create a new window and get the horizontal and vertical coordinates of the new window relative to the screen.

View in separate window 

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {// www  .j  a va 2  s .  co m
  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>



PreviousNext

Related