$(document).ready() ও window.onload এর মধ্যে পার্থক্য কি?

$(document).ready() হচ্ছে একটি জে-কুয়েরী ফাংশন বা মেথড। এটি তখনই কাজ করে যখন HTML ডকুমেন্ট ব্রাউজারে সম্পূর্ণরূপে লোড হয় এবং ডম (DOM) রেডি হয়।

window.load হচ্ছে জাভাক্রিপ্ট এর বিল্টইন মেথড। এটি কাজ করার জন্য HTML কন্টেন্ট ও ইমেজ সম্পূর্ণরূপে লোড হতে হয়। অর্থাৎ ওয়েবপেজ এর সকল কন্টেন্ট লোড না হওয়া পর্যন্ত এটি কাজ করবে না।


নিচের কোড লক্ষ্য করিঃ

window.onload = function(){
     alert("onload event fired!");
};

উপরোক্ত কোডটি কেবল তখনই কাজ করবে যখন আমাদের ওয়েবপেজ এর সকল/সমস্ত কন্টেন্ট (ছবি, ফ্ল্যাশ, ভিডিও ইত্যাদি) লোড হবে।

কিন্তু আমরা যদি ছবি, ভিডিও, ফ্ল্যাশ ইত্যাদি কন্টেন্ট এর জন অপেক্ষা করতে না চাই অর্থাৎ HTML DOM রেডি হওয়ার সাথে সাথে কাজ করতে চাই তাহলে $(document).ready() ইউজ করতে হবে।

যেমনঃ

$(document).ready(function(){
     alert("Document ready event fired!");
});