บทบาทของ Browser Object Model (BOM) ใน JavaScript

Browser Object Model (BOM) ใน JavaScript ประกอบด้วยคุณสมบัติและเมธอดที่ทำให้ JavaScript โต้ตอบกับเว็บเบราว์เซอร์ได้

BOM มอบออบเจ็กต์ window ให้ เช่น เพื่อแสดงความกว้างและความสูงของหน้าต่าง รวมถึงออบเจ็กต์ window.screen สำหรับแสดงความกว้างและความสูงของหน้าจอ

ตัวอย่าง

ลองรันโค้ดด้านล่างเพื่อเรียนรู้วิธีดึงความสูงและความกว้างของหน้าจอ:

<!DOCTYPE html>
<html>
  <body>
    <script>
      document.write("Screen width: " + screen.width);
      document.write("<br>Screen height: " + screen.height);
    </script>
  </body>
</html>

คำอธิบายเพิ่มเติม: BOM ประกอบด้วยออบเจ็กต์หลัก: window (ราก), navigator (ข้อมูลเบราว์เซอร์), screen (ข้อมูลหน้าจอ), location (URL ปัจจุบัน), history (ประวัติ), document (DOM) เป็นต้น BOM ไม่ใช่มาตรฐานทางการ แต่เบราว์เซอร์ทุกตัวรองรับคุณสมบัติหลักเหมือนกัน