home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

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

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

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์ -

document.defaultView

ตัวอย่าง

ให้เราดูตัวอย่างคุณสมบัติ 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>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

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

เมื่อคลิกปุ่มข้อมูลหน้าต่าง -

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

ในตัวอย่างข้างต้น −

ขั้นแรกเราได้สร้างปุ่ม “Window Info” ที่จะรันฟังก์ชัน winInfo() เมื่อผู้ใช้คลิก -

<button>Window Info</button>

ฟังก์ชัน winInfo() รับวัตถุหน้าต่างของเอกสารโดยใช้คุณสมบัติ defaultView ของเอกสารและกำหนดให้กับตัวแปร win จากนั้นเราได้ค่าคุณสมบัติของ window object screenTop, screenLeft และ name และกำหนดให้กับตัวแปร top, left และ name ตามลำดับ

screenLeft และ screenTop แสดงระยะห่างของหน้าต่างเบราว์เซอร์จากด้านบนและด้านซ้ายของหน้าจอตามลำดับ คุณสมบัติ name ส่งกลับชื่อของหน้าต่างซึ่งสามารถเป็นโมฆะได้ -

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;
}