HTML - DOM Document defaultView 属性



defaultView 属性用于返回文档的窗口对象。它提供了一种访问与 HTML 文档关联的窗口对象的方法。此属性是只读属性。

语法

document.defaultView;

返回值

它返回当前文档的对象。

HTML DOM Document 'defaultView' 属性示例

以下示例说明了 defaultView 属性的不同用法。

获取文档的窗口对象

以下示例返回文档的窗口对象。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM document defaultView Property
    </title>
</head>
<body>
    <button onclick="fun()">Click me</button>
    <p id="view"></p>
    <script>
        function fun() {
            let view = document.defaultView;
            document.getElementById("view").innerHTML = view;
        }
    </script>
</body>
</html>

获取窗口尺寸

以下示例给出窗口的高度和宽度作为窗口的尺寸。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        HTML DOM document defaultView Property
    </title>
</head>
<body>
    <p>
        Click the below button to get 
        the dimension of the window
    </p>
    <button onclick="fun()">Click me</button>
    <p id="info"></p>
    <script>
        function fun() {
            let x = document.defaultView;
            let height = x.innerHeight;
            let width = x.innerWidth;
            document.getElementById("info").innerHTML = "Window's height: "
                + height + "<br> Window's width: " + width;
        }
    </script>
</body>
</html>

支持的浏览器

属性 Chrome Edge Firefox Safari Opera
defaultView 是 1 是 12 是 1 是 1 是 12.1
html_dom_document_reference.htm
广告