Apa itu DOM dan BOM di JavaScript?

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.

BOM (Browser Object Model) terdiri dari benda-benda navigator, history, screen, locationdan documentyang adalah anak-anak window. Dalam documentnode adalah DOM (Document Object Model), model objek dokumen, yang mewakili isi halaman. Anda dapat memanipulasinya menggunakan javascript.

• DOM - Model Objek Dokumen
• BOM - Model Objek Browser

Artikel ini menjelaskan hubungan antara Javascript, DOM dan BOM.

Mereka hanyalah objek berbeda yang Anda hadapi:

• DOM adalah Model Objek Dokumen , yang berhubungan dengan dokumen, elemen HTML itu sendiri, misalnya documentdan semua traversal yang akan Anda lakukan di dalamnya, kejadian, dll.
• BOM adalah Browser Object Model, penawaran dengan komponen peramban selain dari dokumen, seperti yang history, location, navigatordan 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

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

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

• navigator
• layar
• lokasi
• sejarah
• dokumen

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.