คุณสมบัติ HTML DOM defaultView

คุณสมบัติ defaultView ของ HTML DOM ใช้สำหรับคืนค่าออบเจ็กต์ window ที่เกี่ยวข้องกับเอกสารปัจจุบันที่เปิดอยู่ในหน้าต่าง

ไวยากรณ์ (Syntax)

document.defaultView

ตัวอย่าง (Example)

<!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>

ผลลัพธ์ (Output)

ผลลัพธ์ที่ได้:

เมื่อคลิกปุ่ม Window Info:

คำอธิบายโค้ด

สร้างปุ่ม "Window Info" ทำงาน winInfo() เมื่อคลิก:

<button>Window Info</button>

winInfo() ดึง window object ของเอกสารด้วย document.defaultView เก็บใน win รับค่า screenTop, screenLeft, name ของ window object เก็บใน top, left, name ตามลำดับ screenLeft และ screenTop แสดงระยะห่างของหน้าต่างเบราว์เซอร์จากขอบบนและซ้ายของหน้าจอ name คืนชื่อหน้าต่างซึ่งอาจเป็น 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; 
}