当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML DOM Window screenLeft属性用法及代码示例


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


相关用法


注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML DOM Window screenLeft Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。