Bagaimana untuk Mencapai Kefungsian $(document).ready() Tanpa jQuery?

Bukan jQuery Bersamaan $(document).ready()**

Fungsi $(document).ready() dalam jQuery biasanya digunakan untuk melaksanakan kod selepas DOM dimuatkan sepenuhnya. Walau bagaimanapun, terdapat situasi di mana penggunaan jQuery mungkin tidak diingini atau tersedia. Dalam kes sedemikian, setara bukan jQuery adalah perlu.

Jawapan

Setara bukan jQuery $(document).ready() ialah document.addEventListener( "DOMContentLoaded", function() { ... }). Fungsi ini melampirkan pendengar acara pada acara DOMContentLoaded, yang dicetuskan apabila pepohon DOM dibina sepenuhnya. Kod yang diletakkan di dalam pendengar acara akan dilaksanakan selepas DOM sedia.

Perbezaan daripada window.onload

Perhatikan bahawa window.onload tidak sama dengan $( dokumen).sedia(). window.onload hanya menunggu semua elemen dimuatkan sepenuhnya, termasuk sumber luaran seperti imej dan skrip. Sebaliknya, $(document).ready() hanya menunggu pokok DOM siap, yang biasanya lebih pantas.

IE8 dan Sokongan Lama

Untuk penyemak imbas lebih lama daripada IE8, alternatif kepada DOMContentLoaded ialah menggunakan document.onreadystatechange dengan syarat berikut:

document.onreadystatechange = function () {
    if (document.readyState == "interactive") {
        // Initialize your application or run some code.
    }
}

Pilihan Lain

Selain DOMContentLoaded, terdapat pendengar acara lain yang boleh digunakan untuk mengendalikan pemuatan DOM. Untuk butiran lanjut, rujuk dokumentasi Rangkaian Pembangun Mozilla (MDN).

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Kefungsian $(document).ready() Tanpa jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!