Window screenX 和 screenY 属性
实例
返回新窗口相对于屏幕的X和Y坐标:
var
myWindow = window.open("", "myWin");
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>ScreenX: " + myWindow.screenX);
myWindow.document.write("<br>ScreenY: " + myWindow.screenY +
"</p>");
亲自试一试 »
页面下方有更多实例。
定义和用法
screenX 和 screenY 属性返回窗口相对于屏幕的X和Y坐标。
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
属性 | |||||
---|---|---|---|---|---|
screenX | Yes | 9.0 | Yes | Yes | Yes |
screenY | Yes | 9.0 | Yes | Yes | Yes |
提示: 除了 Internet Explorer外,所有主要浏览器都支持screenX和screenY属性。 IE浏览器使用 "window.screenLeft" 和 "window.screenTop" 获得相同的值。
语法
window.screenX
window.screenY
技术细节
返回值: | 一个数值,表示窗口相对于屏幕的水平或垂直距离,以像素为单位 |
---|
更多实例
实例
以指定的左上方位置打开一个新窗口,并返回其坐标:
var myWindow = window.open("", "myWin", "left=700, top=350, width=200, height=100");
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>ScreenX: " + myWindow.screenX);
myWindow.document.write("<br>ScreenY: " + myWindow.screenY + "</p>");
亲自试一试 »
实例
跨浏览器解决方案(在 IE8 及更早版本中使用screenLeft和screenTop):
// 打开具有指定左侧和顶部位置的新窗口
var myWindow = window.open("", "myWin", "left=700, top=350, width=200, height=100");
/*
如果浏览器不支持 screenX 和 screen Y,
请改用 screenLeft 和 screenTop(反之亦然)
*/
var winLeft = myWindow.screenLeft ? myWindow.screenLeft : myWindow.screenX;
var winTop = myWindow.screenTop ? myWindow.screenTop : myWindow.screenY;
// 写入新窗口相对于屏幕的 x 和 y 坐标
myWindow.document.write("<p>This is 'myWin'");
myWindow.document.write("<br>Horizontal: " + winLeft);
myWindow.document.write("<br>Vertical: " + winTop + "</p>");
亲自试一试 »
❮ Window 对象