Window screenLeft 属性用于返回‘x’ 或窗口相对于屏幕的水平坐标。它返回一个数字,表示窗口相对于屏幕的水平坐标。
用法:
window.screenLeft
返回值:它返回一个数字,表示窗口相对于屏幕的水平距离(以像素为单位)
以下示例程序旨在说明窗口 screenLeft 属性:
获取窗口相对于屏幕的水平坐标。
HTML
<!DOCTYPE html>
<html>
<head>
<title>
Window screenLeft Property in HTML
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Window screenLeft Property</h2>
<p>
For returning the X coordinates of
a window relative to the screen,
double click the "Check Screen
Left" button:
</p>
<button ondblclick="coordinate()">
Check Screen Left
</button>
<script>
function coordinate() {
var x = window.open("", "myWindow");
x.document.write
("
<p>Welcome to my Window");
x.document.write
("<br> ScreenLeft : " + x.screenLeft);
}
</script>
</body>
</html>
输出:
单击按钮后:
支持的浏览器:支持的浏览器Window screenLeft 属性列出如下:
- 谷歌浏览器1
- 边 12
- 火狐64
- 互联网浏览器 5
- Opera 12.1
- 野生动物园 1
相关用法
- HTML DOM Window screenX属性用法及代码示例
- HTML DOM Window screenY属性用法及代码示例
- HTML DOM Window screenTop属性用法及代码示例
- HTML DOM Window scrollMaxX属性用法及代码示例
- HTML DOM Window scrollY属性用法及代码示例
- HTML DOM Window scrollMaxY属性用法及代码示例
- HTML DOM Window scrollX属性用法及代码示例
- HTML DOM Window stop()用法及代码示例
- HTML DOM Window speechSynthesis属性用法及代码示例
- HTML DOM Window parent属性用法及代码示例
- HTML DOM Window opener属性用法及代码示例
- HTML DOM Window frames属性用法及代码示例
- HTML DOM Window frameElement属性用法及代码示例
- HTML DOM Window closed属性用法及代码示例
- HTML DOM Window Scroll()用法及代码示例
- HTML DOM Window origin属性用法及代码示例
- HTML DOM Window navigator属性用法及代码示例
- HTML DOM Window visualViewport属性用法及代码示例
- HTML DOM Window performance属性用法及代码示例
- HTML DOM Window atob()用法及代码示例
- HTML DOM Window resizeTo()用法及代码示例
- HTML DOM Window moveTo()用法及代码示例
- HTML DOM Window resizeBy()用法及代码示例
- HTML DOM Window length属性用法及代码示例
- HTML DOM Window innerWidth属性用法及代码示例
注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML DOM Window screenLeft Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。