জাভাস্ক্রিপ্টে $(document).ready() এর সমতুল্য কী?

jQuery-এ $(document).ready()

jQuery-এ যদি আপনি চান কোনো ইভেন্ট পৃষ্ঠা লোড হওয়ার সাথে সাথে কাজ করে, তবে $(document).ready() ফাংশনের ভিতরে কল করতে হয়। এখানের সব কোড DOM লোড হওয়ার সাথে সাথে রান হয়, পৃষ্ঠার কন্টেন্ট লোড হওয়ার আগে।

$(document).ready(function() {
    alert("Document loaded successful!");
});

ভ্যানিলা জাভাস্ক্রিপ্ট সমতুল্য

পদ্ধতি ১: DOMContentLoaded ইভেন্ট (প্রস্তাবিত)

document.addEventListener("DOMContentLoaded", function() {
    alert("Document loaded successful!");
});

পদ্ধতি ২: window.onload (পুরানো পদ্ধতি)

window.onload = function() {
    alert("Document loaded successful!");
};

পদ্ধতি ৩: setInterval দিয়ে পোলিং (পুরানো ব্রাউজার সাপোর্ট)

var loader = setInterval(function() {
    if (document.readyState !== "complete") return;
    clearInterval(loader);
    alert("Document loaded successful!");
}, 300);

পার্থক্য