Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menggantikan $(document).ready() dalam Dunia Bebas jQuery?

Bagaimana untuk Menggantikan $(document).ready() dalam Dunia Bebas jQuery?

Linda Hamilton
Lepaskan: 2024-11-05 21:44:02
asal
445 orang telah melayarinya

How to Replace $(document).ready() in a jQuery-Free World?

Menyingkap Alternatif Bukan jQuery: Setara untuk $(document).ready()

Apabila memulakan usaha pembangunan web tanpa keupayaan mantap jQuery, adalah penting untuk meneroka kaedah alternatif untuk mencapai keputusan yang serupa. Satu senario sedemikian timbul apabila mencari persamaan untuk fungsi $(document).ready() yang digunakan secara meluas.

Untuk penyemak imbas yang mematuhi piawaian ECMA, coretan berikut menawarkan penggantian yang lancar:

document.addEventListener("DOMContentLoaded", function() {
  // Code goes here
});
Salin selepas log masuk

Skrip ini mencetuskan pelaksanaan blok kod yang ditentukan sebaik sahaja pepohon Model Objek Dokumen (DOM) dimuatkan. Ia memantau struktur DOM secara eksklusif, tidak termasuk aset luaran seperti imej dan helaian gaya.

Membezakan daripada window.onload

Perlu diperhatikan bahawa window.onload tidak menyediakan fungsi yang setara dengan $(document) JQuery.ready(). Semasa window.onload menunggu semua sumber, termasuk aset luaran, dimuatkan sepenuhnya sebelum melaksanakan kod, $(document).ready() hanya mengesan ketersediaan DOM. Perbezaan halus ini boleh memberi kesan kepada tingkah laku aplikasi, terutamanya dalam situasi di mana pemuatan sumber luaran boleh menyebabkan kelewatan prestasi.

IE8 dan Keserasian Penyemak Imbas Lama

Untuk memastikan keserasian dengan IE8 dan lebih lama penyemak imbas, coretan kod berikut menyediakan pilihan alternatif:

document.onreadystatechange = function () {
    if (document.readyState == "interactive") {
        // Code goes here
    }
}
Salin selepas log masuk

Skrip ini bergantung pada acara onreadystatechange dan menyemak keadaan sedia dokumen "interaktif" untuk memulakan pelaksanaan kod.

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

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan