Window screenX属性用于返回窗口相对于屏幕的“ x”或水平坐标。它返回一个数字,该数字表示窗口相对于屏幕的水平距离(以像素为单位)。
用法:
window.screenX
以下示例程序旨在说明window.screenX属性:
检查窗口相对于屏幕的X坐标。
<!DOCTYPE html>
<html>
<head>
<title>
Window screenX Property in HTML
</title>
<style>
h1 {
color:green;
}
h2 {
font-family:Impact;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Window screenX Property</h2>
<p>
For returning the X coordinates of a window
relative to the screen, double click the
"Check X Coordinate" button:
</p>
<button ondblclick="coordinate()">
Check X Coordinate
</button>
<script>
function coordinate() {
var x = window.open("", "myWindow");
x.document.write
("<p>Welcome to my Window");
x.document.write
("<br> X Coordinate:" + x.screenX + "</p>");
}
</script>
</body>
</html>
输出:
单击按钮后
支持的浏览器:下面列出了Window screenX属性支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- Opera
- Safari
相关用法
- HTML MouseEvent screenX用法及代码示例
- HTML Window name用法及代码示例
- HTML Window top()用法及代码示例
- HTML Window self()用法及代码示例
- HTML Window pageYOffset用法及代码示例
- HTML Window pageXOffset用法及代码示例
- HTML Window length用法及代码示例
- HTML Window outerWidth用法及代码示例
- HTML Window innerHeight用法及代码示例
- HTML Window innerWidth用法及代码示例
- HTML Window parent用法及代码示例
- HTML Window screenLeft用法及代码示例
- HTML Window outerHeight用法及代码示例
- HTML Window sessionStorage()用法及代码示例
- HTML Window screenY用法及代码示例
注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | Window screenX Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。