حسین غفوری
حسین غفوری
خواندن ۱ دقیقه·۲ سال پیش

تفاوت رویدادهای onLoad و DOMContentLoaded در جاوا اسکریپت

در این مطلب می خواهم شما را با تفاوت ریز و مهم رویداد های Load و DOMContentLoaded در زبان برنامه نویسی جاوا اسکریپت آشنا کنم که بیشتر افراد از این تفاوت پرکاربرد نا آشنا هستند، آشنایی با این تفاوت میان این دو event در خیلی از پروژه ها در جاهایی به شما کمک می کند پس تا آخر این مطلب با من همراه باشید .

  • اول از هرچیزی بریم ببینیم اصلا مفهوم این دو رویداد Load و DOMContentLoaded در جاوا اسکریپت چیه؟

آشنایی با رویدادهای Load و DOMContentLoaded

ممکنه که در حال توسعه یکی از پروژه هامون باشیم که بخواهیم یک اتفاقی زمانی رخ بده که تمامی محتویات Dom ،Document ،Body وب سایت مون کامل برای کاربرهای مان لود شده باشند در این مواقع از این رویداد ها استفاده می کنیم .

تفاوت این دو رویداد ( DOMContentLoaded VS Load )

DOMContentLoaded VS Load event in js
DOMContentLoaded VS Load event in js


رویداد Load :

زمانی رخ میده که کل صفحه مون لود شده باشه. هم Dom و هم تمام فایل های css و js که به صفحمون لینک شدن باید لود بشن.

رویداد DOMContentLoaded :

همانطور که از اسمش معلومه زمانی رخ میده که محتوای Dom کامل لود شده باشند، فقط محتوای Dom. منتظر فایل های اکسترنال مثل css و js نمیمونه. به محض این که خود Dom لود شد، رویداد DOMContentLoaded رخ میده.

منبع بیشتر

امیدوارم این مطلب برای شما مفید بوده بفرستید به دوستای برنامه نویستون آن ها هم از این مطلب استفاده کنند خیلی ممنونم که تا آخر این مطلب با من بودید ?❤️

جاوا اسکریپت
یک عدد توسعه دهنده وب | Web Developer
شاید از این پست‌ها خوشتان بیاید