Bagaimanakah Saya Boleh Menentukan Kesediaan DOM Tanpa Bergantung pada Rangka Kerja?

Document.isReady: Penyelesaian Asli untuk Pengesanan Sedia DOM

Pergantungan pada rangka kerja seperti Prototaip dan jQuery untuk mengurus acara window.onload mungkin tidak sentiasa diingini. Artikel ini meneroka kaedah alternatif untuk menentukan kesediaan DOM, terutamanya melalui penggunaan document.isReady.

Querying Document.isReady

Untuk penyemak imbas moden dengan API acara yang stabil, Acara DOMContentLoaded menyediakan kaedah yang mantap untuk mengendalikan acara sedia DOM. Pelaksanaan seperti berikut menawarkan penyelesaian yang mudah dan cekap:

<code class="javascript">function fireOnReady() { /* ... */ }
if (document.readyState === 'complete') {
    fireOnReady();
} else {
    document.addEventListener("DOMContentLoaded", fireOnReady);
}</code>

JQuery's $.isReady Property

jQuery menawarkan harta tidak berdokumen, $.isReady, yang mencerminkan Keadaan sedia DOM secara dalaman. Menggunakan sifat ini membolehkan semakan ringkas:

<code class="javascript">if($.isReady) {
    // DOM is ready
} else {
    // DOM is not yet ready
}</code>

Adalah penting untuk ambil perhatian bahawa harta ini kekal tidak didokumenkan dan ketersediaannya dalam versi jQuery akan datang tidak dapat dijamin. Gunakannya dengan berhati-hati dan bersedia untuk perubahan yang mungkin berlaku semasa peningkatan.

Coretan Sedia DOM Tersuai

Untuk keserasian penyemak imbas yang lebih luas, coretan sedia DOM tersuai boleh digunakan. Diilhamkan oleh pendekatan Dustin Diaz, ia menyemak dokumen.readyState menggunakan ungkapan biasa:

<code class="javascript">if( !/in/.test(document.readyState) ) {
    // document is ready
} else {
    // document is NOT ready
}</code>

Kaedah ini bergantung pada fakta bahawa subrentetan "dalam" hadir dalam sedia "memuatkan" dan "interaktif" menyatakan tetapi tidak dalam keadaan "lengkap".

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menentukan Kesediaan DOM Tanpa Bergantung pada Rangka Kerja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!