এই ব্লগটি জাভাস্ক্রিপ্টে window.onload এবং document.onload এর মধ্যে পার্থক্য প্রদর্শন করবে।
জাভাস্ক্রিপ্টে window.onload বনাম document.onload
দ্য ' window.onload সমগ্র পৃষ্ঠাটি (এর সংস্থান সহ) লোড করা শেষ হলে ইভেন্টটি চালু করা হয়৷ এর মানে হল যে পৃষ্ঠার সামগ্রীর উপর নির্ভর করে এমন কোনও কোড চালানোর আগে পৃষ্ঠাটি সম্পূর্ণরূপে লোড হয়েছে তা নিশ্চিত করতে আপনি এই ইভেন্টটি ব্যবহার করতে পারেন।
দ্য ' document.onload ” ইভেন্ট window.onload এর মতই, কিন্তু ডকুমেন্টের DOM (পৃষ্ঠার বিষয়বস্তুর কাঠামো) লোড করা শেষ হলেই এটি চালু হয়। এটি নির্দেশ করে যে আপনি এই ইভেন্টটি নিশ্চিত করতে পারেন যে পৃষ্ঠার বিষয়বস্তু সম্পূর্ণরূপে লোড হয়েছে এবং কোনও কোড চালানোর আগে ম্যানিপুলেট করার জন্য প্রস্তুত।
অনুসরণ করার সেরা পদ্ধতি কি?
সাধারণভাবে, window.onload এর পরিবর্তে একটি document.onload ব্যবহার করা একটি ভাল ধারণা যদি আপনি শুধুমাত্র আপনার কোড চালানোর আগে পৃষ্ঠার বিষয়বস্তু সম্পূর্ণরূপে লোড হয়েছে কিনা তা নিশ্চিত করতে চান। এর কারণ হল document.onload একটি window.onload এর চেয়ে দ্রুত ফায়ার হবে, যা আপনার কোডের কর্মক্ষমতা উন্নত করতে পারে। যাইহোক, আপনার কোড চালানোর আগে পৃষ্ঠার সংস্থানগুলি (যেমন ছবি এবং স্টাইলশীট) সম্পূর্ণরূপে লোড হয়েছে কিনা তা নিশ্চিত করতে হলে, আপনার পরিবর্তে window.onload ব্যবহার করা উচিত।
জাভাস্ক্রিপ্টে window.onload বনাম document.onload কিভাবে ব্যবহার করবেন?
প্রদত্ত উদাহরণে, আমরা দেখব কীভাবে এই ইভেন্টগুলি কোনও কোড চালানোর আগে ডকুমেন্ট লোড এবং উইন্ডো লোড সনাক্ত করে।
কল করুন ' document.onload ' ইভেন্ট যা আপনাকে জানায় যে নথিটি একটি সতর্কতা() বার্তা ব্যবহার করে লোড হয়েছে:
নথি লোড = সতর্ক ( 'ডকুমেন্ট_অনলোড' ) ;কল করুন ' window.onload ” ইভেন্ট এবং এটিতে একটি সতর্কতা() পদ্ধতির ফলাফল বার্তা বরাদ্দ করুন:
জানলা. লোড = সতর্ক ( 'উইন্ডো_অনলোড' ) ;
আপনি দেখতে পাচ্ছেন, যখন পৃষ্ঠাটি রিফ্রেশ করা হয়, প্রথম নথিটি লোড করা হয়, এবং তারপর সম্পূর্ণ পৃষ্ঠাটি লোড করা শেষ হলে উইন্ডো অনলোড পদ্ধতিটি চালু করা হয়:
জাভাস্ক্রিপ্টে window.onload এবং document.onload ইভেন্টগুলি সম্পর্কে এটাই।
উপসংহার
দ্য ' window.onload ' এবং ' document.onload কোন কোড চালানোর আগে সম্পূর্ণ পৃষ্ঠা লোড হয় তা নিশ্চিত করার জন্য দুটি জাভাস্ক্রিপ্ট ইভেন্ট। document.onload window.onload এর চেয়ে দ্রুত ফায়ার করবে, যা কোডের কর্মক্ষমতা উন্নত করতে পারে। এই ব্লগটি জাভাস্ক্রিপ্টে window.onload এবং document.onload এর মধ্যে পার্থক্য প্রদর্শন করেছে।