DOM และ BOM ใน JavaScript คืออะไร?

DOM และ BOM ใน JavaScript คืออะไร? ถ้ามีคนอธิบายสิ่งเหล่านี้ในแง่คนธรรมดาได้คงจะดีมาก! ฉันต้องการทำความเข้าใจอย่างลึกซึ้งเกี่ยวกับสิ่งเหล่านี้

รายการวัสดุ (เบราว์เซอร์ Object Model) ประกอบด้วยวัตถุnavigator, history, screen, locationและซึ่งเป็นลูกของdocument windowในdocumentโหนดคือ DOM (Document Object Model) โมเดลอ็อบเจ็กต์เอกสารซึ่งแสดงถึงเนื้อหาของเพจ คุณสามารถจัดการได้โดยใช้จาวาสคริปต์

• DOM - Document Object Model
• BOM - โมเดลวัตถุเบราว์เซอร์

บทความนี้อธิบายความสัมพันธ์ระหว่าง Javascript, DOM และ BOM

พวกเขาเป็นเพียงวัตถุต่าง ๆ ที่คุณกำลังเผชิญ:

• DOM คือDocument Object Model ซึ่งเกี่ยวข้องกับเอกสารองค์ประกอบ HTML เองเช่นdocumentและการส่งผ่านทั้งหมดที่คุณจะทำในนั้นเหตุการณ์ ฯลฯ
• รายการวัสดุเป็นเบราว์เซอร์รุ่นของวัตถุซึ่งข้อเสนอที่มีส่วนประกอบของเบราว์เซอร์นอกเหนือจากเอกสารเช่นhistory, location, navigatorและscreen(เช่นเดียวกับคนอื่น ๆ บางอย่างที่แตกต่างกันโดยเบราว์เซอร์)

DOM หมายถึง Document Object model .. เมื่อโหลดเว็บเพจเบราว์เซอร์จะสร้างแบบจำลองอ็อบเจ็กต์เอกสารสำหรับเพจ. อ็อบเจ็กต์ทั้งหมดถูกจัดเรียงเป็นโครงสร้างแบบต้นไม้ ...

BOM หมายถึงเบราว์เซอร์ Object Model.window วัตถุได้รับการสนับสนุนโดยเบราว์เซอร์ทั้งหมดซึ่งเป็นตัวแทนของหน้าต่างเบราว์เซอร์วัตถุ JavaScript ฟังก์ชันและตัวแปรทั่วโลกทั้งหมดจะกลายเป็นสมาชิกของวัตถุหน้าต่างโดยอัตโนมัติ

คุณสามารถค้นหาข้อมูลเพิ่มเติมเกี่ยวกับ Javascript ได้ที่ Mozilla Foundation

DOM

https://developer.mozilla.org/en-US/docs/DOM/DOM_Reference/Introduction

BOM

https://developer.mozilla.org/en-US/docs/WebAPI/Browser

DOM: วัตถุเอกสารแสดงถึงเอกสาร html ทั้งหมด เมื่อโหลดเอกสาร html ในเบราว์เซอร์เอกสารนั้นจะกลายเป็นวัตถุเอกสาร

BOM: วัตถุหน้าต่างแสดงถึงหน้าต่างในเบราว์เซอร์ วัตถุของหน้าต่างถูกสร้างขึ้นโดยอัตโนมัติโดยเบราว์เซอร์

BOM หมายถึง Browser Object Model สิ่งเหล่านี้คือวัตถุที่คุณสามารถใช้จัดการเบราว์เซอร์ได้ พวกเขาเป็นผู้นำทาง

• ตัวนำทาง
• หน้าจอ
• สถานที่
• ประวัติศาสตร์
• เอกสาร

พวกเขาทั้งหมดเป็นลูกของ Window Object DOM คือ Document Object Model เป็นส่วนหนึ่งของ BOM และช่วยให้คุณจัดการกับเนื้อหาของไฟล์เพจที่โหลด ซึ่งรวมถึง HTML และ CSS

DOM -> Document Object Model ใน JavaScript คือ API สำหรับเข้าถึงองค์ประกอบภายในเอกสาร แมปเอกสารทั้งหมดเป็นลำดับชั้นของแผนผังแม่และลูก แต่ละโหนดสามารถเก็บองค์ประกอบลูกได้จำนวนหนึ่งหรือสามารถสืบทอดไปยังองค์ประกอบหลักอื่น ๆ ได้ด้วยวิธีใดวิธีหนึ่ง

BOM -> Browser Object Model คือการแสดงทุกสิ่งที่เบราว์เซอร์มีให้มากขึ้นรวมถึงเอกสารปัจจุบันตำแหน่งประวัติเฟรมและฟังก์ชันอื่น ๆ ที่เบราว์เซอร์อาจเปิดเผยต่อ JavaScript Browser Object Model ไม่ได้เป็นมาตรฐานและสามารถเปลี่ยนแปลงได้ตามเบราว์เซอร์ที่แตกต่างกัน