JavaScript 教程
JavaScript 对象
jQuery 教程
JSON 教程
AngularJS 教程
Angular 2 教程
Vue.js 教程
React 教程
jQuery UI 教程
jQuery EasyUI 教程
AJAX 教程
Highcharts 教程
Google Maps API 教程
ES6 教程
TypeScript教程
ES6 标准入门Window screenX 和 screenY 属性
Window 对象
定义和用法
screenX和screenY属性返回窗口相对于屏幕的X和Y坐标。
语法
window.screenX
window.screenY
window.screenY
浏览器支持
除了 Internet Explorer外，所有主要浏览器都支持screenX和screenY属性。
注意： IE浏览器使用。 "window.screenLeft" 和 "window.screenTop"获得相同的值
实例
实例
返回新窗口相对于屏幕的X和Y坐标：
<html>
<head>
<script>
function openWin()
{
myWindow=window.open('','');
myWindow.document.write("<p>This is 'myWindow'");
myWindow.document.write("<br>ScreenX: " + myWindow.screenX);
myWindow.document.write("<br>ScreenY: " + myWindow.screenY + "</p>");
}
</script>
</head>
<body>
<input type="button" value="Open 'myWindow'" onclick="openWin()">
</body>
</html>
<head>
<script>
function openWin()
{
myWindow=window.open('','');
myWindow.document.write("<p>This is 'myWindow'");
myWindow.document.write("<br>ScreenX: " + myWindow.screenX);
myWindow.document.write("<br>ScreenY: " + myWindow.screenY + "</p>");
}
</script>
</head>
<body>
<input type="button" value="Open 'myWindow'" onclick="openWin()">
</body>
</html>
尝试一下 »
Window 对象