เบราว์เซอร์รุ่นของวัตถุ (BOM) ช่วยให้จาวาสคริปต์ในการ "พูดคุยกับ" เบราว์เซอร์
เบราว์เซอร์รุ่นของวัตถุ (BOM)
ไม่มีมาตรฐานอย่างเป็นทางการสำหรับเบราว์เซอร์ของวัตถุรูปแบบคือ (BOM)
เนื่องจากเบราว์เซอร์ที่ทันสมัยมีการดำเนินการ (เกือบ) วิธีการเดียวกันและคุณสมบัติสำหรับการโต้ตอบ JavaScript ก็มักจะเรียกว่าเป็นวิธีการและคุณสมบัติของ BOM
Window วัตถุ
window วัตถุได้รับการสนับสนุนจากเบราว์เซอร์ เพราะมันหมายถึงหน้าต่างเบราว์เซอร์
ทั้งหมดทั่วโลกวัตถุ JavaScript, ฟังก์ชั่นและตัวแปรโดยอัตโนมัติกลายเป็นสมาชิกของวัตถุหน้าต่าง
ตัวแปรทั่วโลกที่มีคุณสมบัติของวัตถุหน้าต่าง
ฟังก์ชั่นทั่วโลกมีวิธีการของวัตถุหน้าต่าง
แม้วัตถุเอกสาร (DOM ของ HTML) ที่เป็นทรัพย์สินของวัตถุหน้าต่าง:
window.document.getElementById("header");
เป็นเช่นเดียวกับ:
document.getElementById("header");
ขนาดของหน้าต่าง
สองคุณสมบัติที่สามารถนำมาใช้ในการกำหนดขนาดของหน้าต่างเบราว์เซอร์
คุณสมบัติทั้งสองกลับขนาดพิกเซล:
- window.innerHeight - ความสูงภายในของหน้าต่างเบราว์เซอร์ (พิกเซล)
- window.innerWidth - ความกว้างด้านในของหน้าต่างเบราว์เซอร์ (พิกเซล)
หน้าต่างเบราว์เซอร์ (วิวพอร์ตเบราว์เซอร์) ไม่รวมถึงแถบเครื่องมือและเลื่อน
สำหรับ Internet Explorer 8, 7, 6, 5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
- or
- document.body.clientHeight
- document.body.clientWidth
วิธีการแก้ปัญหาการปฏิบัติงาน JavaScript (เบราว์เซอร์ที่ครอบคลุมทั้งหมด):
ตัวอย่าง
var w = window.innerWidth
|| document.documentElement.clientWidth
||
document.body.clientWidth;
var h = window.innerHeight
||
document.documentElement.clientHeight
|| document.body.clientHeight; ลองตัวเอง» ตัวอย่างที่แสดงความสูงของหน้าต่างเบราว์เซอร์และความกว้าง: (ไม่รวมถึงแถบเครื่องมือ / เลื่อน)
อื่น ๆ Window วิธี
บางวิธีการอื่น ๆ :
- window.open() - เปิดหน้าต่างใหม่
- window.close() - ปิดหน้าต่างปัจจุบัน
- window.moveTo() -move หน้าต่างปัจจุบัน
- window.resizeTo() -resize หน้าต่างปัจจุบัน