Thuộc tính HTML DOM defaultView

Thuộc tính HTML DOM defaultView được sử dụng để trả về đối tượng cửa sổ được liên kết với tài liệu hiện tại được mở trong cửa sổ.

Cú pháp

Sau đây là cú pháp -

document.defaultView

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính HTML DOM defaultView -

<!DOCTYPE html>
<html>
<body>
<h2>defaultView Property example</h2>
<p>Click the below button to get information about the window</p>
<button onclick="winInfo()">Window Info</button>
<p id="Sample"></p>
<script>
   function winInfo() {
      var win = document.defaultView;
      var top = win.screenTop;
      var left = win.screenLeft;
      var name = win.name;
      document.getElementById("Sample").innerHTML = "Distance from screen top: " + top + "<br> Distance from screen left: "+left+"<br> Window name: "+name;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính HTML DOM defaultView

Khi nhấp vào nút Thông tin cửa sổ -

Thuộc tính HTML DOM defaultView

Trong ví dụ trên -

Đầu tiên chúng tôi đã tạo một nút “Thông tin cửa sổ” sẽ thực thi hàm winInfo () khi người dùng nhấp vào -

<button>Window Info</button>

Hàm winInfo () lấy đối tượng cửa sổ của tài liệu bằng cách sử dụng thuộc tính document defaultView và gán nó cho biến win. Sau đó, chúng ta lấy các giá trị thuộc tính windowTop, screenLeft và name của đối tượng window và gán nó cho các biến trên cùng, bên trái và tên tương ứng.

ScreenLeft và screenTop lần lượt hiển thị khoảng cách của cửa sổ trình duyệt từ phía trên và bên trái của màn hình. Thuộc tính name trả về tên của cửa sổ có thể là null -

function winInfo() {
   var win = document.defaultView;
   var top = win.screenTop;
   var left = win.screenLeft;
   var name = win.name;
   document.getElementById("Sample").innerHTML = "Distance from screen top: " + top + "<br> Distance from screen left: "+left+"<br> Window name: "+name;
}