Rumah  >  Artikel  >  hujung hadapan web  >  Apakah hubungan antara JavaScript dan dom

Apakah hubungan antara JavaScript dan dom

青灯夜游
青灯夜游asal
2021-10-09 15:49:392545semak imbas

DOM (Document Object Model) ialah komponen JavaScript Ia menyediakan kaedah dan antara muka untuk JavaScript untuk memproses kandungan halaman web semua operasi yang dilakukan oleh JavaScript pada halaman web dilakukan melalui DOM.

Apakah hubungan antara JavaScript dan dom

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

JavaScript lengkap terdiri daripada tiga bahagian berikut:

  • Teras (ECMAScript): menyediakan sintaks dan objek asas bahasa; 🎜 >

    Model Objek Dokumen (DOM): Menyediakan kaedah dan antara muka untuk memproses kandungan web;
  • Model Objek Pelayar (BOM): Menyediakan kaedah dan antara muka untuk berinteraksi dengan penyemak imbas .
  • Model Objek Dokumen (DOM):

DOM (Model Objek Dokumen) ialah antara muka pengaturcaraan aplikasi (API) untuk HTML dan XML. DOM akan merancang keseluruhan halaman menjadi dokumen yang terdiri daripada hierarki nod. Setiap bahagian halaman HTML atau XML ialah terbitan nod.

DOM mewakili dokumen dengan mencipta pepohon, memberikan pembangun kawalan yang belum pernah berlaku sebelum ini ke atas kandungan dan struktur dokumen. Nod boleh dialih keluar, ditambah dan diganti dengan mudah menggunakan API DOM (getElementById, childNodes, appendChild, innerHTML).

Hubungan antara DOM dan JavaScript

Kita semua tahu bahawa JavaScript ialah bahasa pengaturcaraan dan fail .js ialah kod yang ditulis dalam JavaScript, jadi apakah peranan yang dimainkan DOM di dalamnya?

DOM bukan bahasa pengaturcaraan, tetapi tanpa DOM, bahasa JavaScript tidak akan mempunyai sebarang operasi halaman web. Semua operasi yang kami lakukan pada halaman web menggunakan JavaScript dilakukan melalui DOM.

Berikut ialah sekeping kod untuk memaparkan secara lebih intuitif perbezaan antara JavaScript dan DOM Bahagian yang ditandakan dengan warna merah dalam kod ialah DOM:

var Tag = document.getElementsByTagName( "a");

for(var i = 0; i <

Tags.length; i ) {
alert("Href of elemen ini ialah: " Tags[i].href "n");
  }
Dengan cara ini, yang mana satu JavaScript teras dan yang mana satu DOM , dan apakah peranan yang dimainkan oleh setiap satu? (Kod tidak akan dijelaskan di sini).

Oleh itu terdapat persamaan anggaran sedemikian:


halaman web atau XML = DOM JS (bahasa skrip)

[Pembelajaran yang disyorkan :

Tutorial lanjutan JavaScript

Atas ialah kandungan terperinci Apakah hubungan antara JavaScript dan dom. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn