轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

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 对象