Apa itu DOM dan BOM di JavaScript? Jika seseorang bisa menjelaskan ini dalam istilah awam, itu akan bagus! Saya ingin mendapatkan pemahaman yang lebih dalam tentang ini.
Jawaban:
BOM (Browser Object Model) terdiri dari benda-benda navigator
, history
, screen
, location
dan document
yang adalah anak-anak window
. Dalam document
node adalah DOM (Document Object Model), model objek dokumen, yang mewakili isi halaman. Anda dapat memanipulasinya menggunakan javascript.
document
node adalah DOM Menurut saya cara yang lebih baik untuk menggambarkannya adalah: "node ada di pohon DOM" atau "node adalah unit terkecil di pohon DOM" atau "node menyusun pohon DOM". Pikiran?
Artikel ini menjelaskan hubungan antara Javascript, DOM dan BOM.
Mereka hanyalah objek berbeda yang Anda hadapi:
document
dan semua traversal yang akan Anda lakukan di dalamnya, kejadian, dll. history
, location
, navigator
dan screen
(serta beberapa orang lain yang berbeda-beda oleh browser).DOM berarti model Objek Dokumen..ketika halaman web dimuat browser membuat model objek dokumen untuk halaman..Semua objek diatur sebagai struktur pohon ...
BOM berarti Model Objek Browser. Objek jendela didukung oleh semua browser yang mewakili browser jendela .. Semua objek, fungsi, dan variabel JavaScript global secara otomatis menjadi anggota objek jendela.
Anda dapat menemukan informasi lebih lanjut tentang Javascript di Mozilla Foundation.
DOM
https://developer.mozilla.org/en-US/docs/DOM/DOM_Reference/Introduction
BOM
DOM: Objek dokumen mewakili seluruh dokumen html. Saat dokumen html dimuat di browser, itu menjadi objek dokumen.
BOM: Objek jendela mewakili jendela di browser. Objek jendela dibuat secara otomatis oleh browser.
BOM berarti Model Objek Browser. Ini adalah objek yang dapat Anda gunakan untuk memanipulasi browser. mereka adalah navigator
mereka semua adalah anak-anak dari Window Object. DOM adalah Model Objek Dokumen adalah bagian dari BOM dan membantu Anda memanipulasi konten dari file halaman yang dimuat. ini termasuk HTML dan CSS
DOM -> Document Object Model di JavaScript adalah API untuk mengakses elemen di dalam dokumen. Ini memetakan seluruh Dokumen ke dalam hierarki pohon induk dan anak. Setiap node dapat menampung sejumlah elemen anak atau dapat mewarisi ke elemen induk lainnya dengan beberapa cara atau cara lain.
BOM -> Browser Object Model adalah representasi yang lebih besar dari semua yang disediakan oleh browser termasuk dokumen saat ini, lokasi, riwayat, bingkai, dan fungsi lain apa pun yang mungkin diekspos oleh browser ke JavaScript. Model Objek Browser tidak standar dan dapat berubah berdasarkan browser yang berbeda.