HTML DOM defaultView用法及代码示例

HTML中的DOM defaultView属性用于返回文档Window Object。窗口对象是浏览器中打开的窗口。

用法:

document.defaultView

返回值：它用于返回当前的Window对象。

范例1：

<!DOCTYPE html> 
<html> 
    <head> 
        <title> 
            DOM defaultView Property 
        </title> 
    </head> 
      
    <body style = "text-align:center"> 
          
        <h1 style = "color:green">GeeksForGeeks</h1> 
        <h2>DOM defaultView Property </h2> 
          
        <button onclick = "geeks()">Submit</button> 
          
        <p id="sudo"></p> 
          
        <script> 
            function geeks() { 
                var doc = document.defaultView; 
                document.getElementById("sudo").innerHTML = doc; 
            } 
        </script> 
      
    </body> 
</html>

输出：
之前单击按钮：

单击按钮后：

范例2：本示例用于返回Windows的宽度和高度。

<!DOCTYPE html> 
<html> 
    <head> 
        <title> 
            DOM defaultView Property 
        </title>  
    </head> 
      
    <body> 
        <center> 
            <h1 style = "color:green;">GeeksForGeeks</h1> 
            <h2>DOM defaultView Property </h2> 
              
            <button onclick="Geeks()">Submit</button> 
              
            <p id="sudo"></p> 
              
            <!-- script to find window size -->
            <script> 
                function Geeks() { 
                    var def_view = document.defaultView; 
                    var width = def_view.innerWidth; 
                    var height = def_view.innerHeight; 
                    document.getElementById("sudo").innerHTML  
                    = "Width:" + width +  
                    "<br>Height:" + height; 
                } 
            </script> 
        </center> 
    </body> 
</html>

输出：
之前单击按钮：

单击按钮后：

支持的浏览器：下面列出了DOM defaultView属性支持的浏览器：

谷歌浏览器
IE浏览器
火狐浏览器
Opera
苹果浏览器

相关用法

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