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
廣告