Model Objek Dokumen (DOM), yang pada asasnya adalah bahasa pembangun web untuk "cara halaman web berfungsi di belakang tabir," adalah sesuatu yang perlu ada pada setiap pembangun web. kit alat mereka. Ia seperti sos rahsia yang menggerakkan pembangunan web moden.
Tetapi kenapa DOM? Baru-baru ini saya terjumpa video tentang cara pelayar berfungsi dan kemudian membincangkan beberapa artikel dan ini adalah pemahaman saya tentang “mengapa?”
Setiap penyemak imbas berfungsi dengan ** enjin penyemak imbas**, ia merupakan komponen teras penyemak imbas web yang bertanggungjawab untuk menjadikan kandungan web, termasuk HTML, CSS dan JavaScript, menjadi perwakilan visual yang boleh berinteraksi dengan pengguna.
“Dokumen”: Istilah ini merujuk kepada halaman web yang dimuatkan ke dalam penyemak imbas web. Ia mewakili hierarki berstruktur kandungan halaman web, termasuk elemen seperti tajuk, perenggan, imej, pautan, borang dan banyak lagi. Dokumen DOM pada asasnya ialah perwakilan dalam memori bagi struktur halaman web, yang dicipta oleh enjin pemaparan penyemak imbas apabila halaman dimuatkan.
Kini muncul bahagian menarik tentang cara enjin penyemak imbas mengubah dokumen menjadi pokok nod, yang kita kenali sebagai DOM untuk mengecat.
Selepas memuat turun dokumen, ia ditukar kepada data mentah, ya, 0s dan 1s. Dan bait mentah data ini ditukar kepada aksara. Penukaran ini dilakukan berdasarkan pengekodan aksara fail HTML.
Aksara ini dihuraikan selanjutnya menjadi sesuatu yang dipanggil token. Sama seperti mana-mana token bahasa pengaturcaraan lain boleh ditakrifkan sebagai elemen individu terkecil bahasa pengaturcaraan itu yang bermakna. Di sini token merujuk kepada teg dalam HTML iaitu body,h1,h2, p,span dsb.
Setelah tokenisasi selesai, langkah seterusnya ialah menstrukturkan token ini. Di sinilah objek berperanan. Objek dicipta daripada token ini, objek ini mengandungi banyak maklumat tentang setiap entiti, termasuk permulaan teg, akhir teg, atribut, data/nilai dan banyak lagi.
Kini, kami mempunyai “Dokumen” dan “Objek”, tetapi ia masih tidak tersusun kerana tiada hubungan antara objek ini. Selepas tokenisasi, token ini diubah menjadi nod. Setiap nod akan mempunyai hubungan dengan yang lain, menampilkan nod ibu bapa, anak dan adik beradik. Hubungan nod-ke-nod ini membentuk struktur seperti pokok yang biasa. Proses ini dikenali sebagai pemodelan pepohon objek. Kini model pepohon nod sedia daripada dokumen HTML dan sedia untuk dilukis.
Untuk meringkaskan, nama “Model Objek Dokumen” menggambarkan tujuan dan fungsinya. Ia berfungsi sebagai model berstruktur untuk kandungan halaman web, diwakili sebagai koleksi objek. Nama "DOM" muncul daripada gabungan "Dokumen" (halaman web), "Objek" (mewakili elemen) dan "Model" (perwakilan berstruktur).
Saya harap ini membantu, dan sila berikan sebarang maklum balas atau tanya jika anda mempunyai sebarang soalan atau kebimbangan khusus.
Atas ialah kandungan terperinci Mentafsir Asal-usul: Mengapa DOM dipanggil DOM?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!