Bagaimanakah Saya Boleh Mencapai Kefungsian $(document).ready() Tanpa Menggunakan jQuery?

Bersamaan dengan $(document).ready() Tanpa jQuery

Fungsi $(document).ready() dalam jQuery ialah pengendali acara yang menunggu DOM dimuatkan sebelum melaksanakan panggilan baliknya. Jika anda tidak menggunakan jQuery, anda boleh mencapai kesan yang sama menggunakan coretan kod berikut:

document.addEventListener("DOMContentLoaded", function() {
  // code...
});

Kaedah ini melampirkan pendengar pada acara "DOMContentLoaded", yang dicetuskan apabila pepohon DOM telah dimuatkan (tidak termasuk aset luaran seperti imej).

Perbezaan daripada window.onload

Adalah penting untuk ambil perhatian bahawa window.onload tidak berkelakuan sama seperti $(document) .sedia(). Semasa window.onload menunggu DOM dimuatkan dan semua elemen selesai memuatkan, $(document).ready() hanya menunggu DOM dimuatkan. Ini boleh menjadi penting jika skrip anda bergantung pada unsur DOM yang ada, terutamanya jika anda berurusan dengan sumber luaran.

IE8 dan Setara yang Lebih Lama

Untuk penyemak imbas yang lebih lama daripada IE9, coretan kod berikut boleh digunakan:

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

Kod ini menyemak keadaan "interaktif" dokumen, yang menunjukkan bahawa pokok DOM telah dimuatkan tetapi sumber luaran mungkin masih dimuatkan.

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