หน้าต่าง JavaScript - โมเดลวัตถุเบราว์เซอร์
Browser Object Model (BOM) อนุญาตให้ JavaScript "พูดคุยกับ" เบราว์เซอร์ได้
โมเดลวัตถุของเบราว์เซอร์ (BOM)
ไม่มีมาตรฐานอย่างเป็นทางการสำหรับB rowser O bject M odel (BOM)
เนื่องจากเบราว์เซอร์สมัยใหม่ได้ใช้วิธีการและคุณสมบัติเดียวกัน (เกือบ) สำหรับการโต้ตอบ JavaScript จึงมักถูกอ้างถึงเป็นวิธีการและคุณสมบัติของ BOM
วัตถุหน้าต่าง
อwindow
อบเจ็กต์ได้รับการสนับสนุนโดยเบราว์เซอร์ทั้งหมด มันแสดงถึงหน้าต่างของเบราว์เซอร์
ออบเจ็กต์ ฟังก์ชัน และตัวแปรส่วนกลางของ JavaScript ทั้งหมดจะกลายเป็นสมาชิกของอ็อบเจ็กต์หน้าต่างโดยอัตโนมัติ
ตัวแปรส่วนกลางเป็นคุณสมบัติของวัตถุหน้าต่าง
ฟังก์ชันส่วนกลางคือเมธอดของอ็อบเจ็กต์หน้าต่าง
แม้แต่วัตถุเอกสาร (ของ HTML DOM) ก็เป็นคุณสมบัติของวัตถุหน้าต่าง:
window.document.getElementById("header");
เหมือนกับ:
document.getElementById("header");
ขนาดหน้าต่าง
สามารถใช้คุณสมบัติสองอย่างเพื่อกำหนดขนาดของหน้าต่างเบราว์เซอร์
คุณสมบัติทั้งสองส่งคืนขนาดเป็นพิกเซล:
window.innerHeight
- ความสูงภายในของหน้าต่างเบราว์เซอร์ (เป็นพิกเซล)window.innerWidth
- ความกว้างภายในของหน้าต่างเบราว์เซอร์ (เป็นพิกเซล)
หน้าต่างเบราว์เซอร์ (วิวพอร์ตของเบราว์เซอร์) ไม่รวมแถบเครื่องมือและแถบเลื่อน
ตัวอย่าง
let w = window.innerWidth;
let h = window.innerHeight;
วิธีการอื่นๆ ของหน้าต่าง
วิธีการอื่นๆ:
window.open()
- เปิดหน้าต่างใหม่window.close()
- ปิดหน้าต่างปัจจุบันwindow.moveTo()
- ย้ายหน้าต่างปัจจุบันwindow.resizeTo()
- ปรับขนาดหน้าต่างปัจจุบัน