بارگذاری جاوااسکریپت
دسته بندی : آموزش Javascript سطح مقاله : متوسط زمان مطالعه : 2 دقیقه آخرین بروز رسانی: 25 اسفند 1399در این مقاله با روش بارگذاری جاوااسکریپت آشنا می شوید.
نکات اصلی بارگذاری جاوااسکریپت:
- رویداد بارگذاری جاوا اسکریپت هنگام بارگیری یک شی transp نمایان می شود.
- از زمان بارگذاری کامل یک وب سایت (از جمله فایل های اسکریپت ، تصاویر ، پرونده های CSS و غیره) ، onload اغلب در عنصر
<body>برای اجرای اسکریپت استفاده می شود. - از رویداد onload برای تأیید نوع مرورگر بازدید کننده و نسخه مرورگر استفاده می شود و سپس یک نسخه صفحه وب خاص براساس اطلاعات بارگیری می شود.
- رویداد بارگیری می تواند با کوکی ها مقابله کند.
توضیح رویداد بارگذاری جاوااسکریپت
هنگامی که لازم است بعد از نمایش کامل صفحه ، یک عملکرد خاص راه اندازی شود ، رویداد بارگذاری JavaScript قابل استفاده است.
توسعه دهندگان اغلب از این رویداد برای نشان دادن پیام های تبریک و سایر ویژگی های کاربرپسند استفاده می کنند. جای تعجب نیست که رویداد جاوا اسکریپت onload می تواند بلافاصله با عنصر <body> مرتبط شود.
استفاده مکرر دیگر از بارگذاری جاوا اسکریپت استفاده از آن برای بررسی خودکار مرورگرهای وب بازدید کنندگان و تنظیم نحوه بارگیری وب سایت ها است. علاوه بر این ، می توانید از آن برای بررسی اینکه چه صفحه ای از کوکی ها استفاده می کند استفاده کنید.
عملکرد window.onload به طور گسترده توسط مرورگرهای محبوب پشتیبانی می شود. به محض بارگیری منبع شروع می شود.
همانطور که قبلاً به پیامهای استقبال اشاره کردیم ، باید توضیح دهیم که چگونه می توان آنها را در صفحات وب گنجانید. این مثال نشان می دهد که چگونه رویداد بارگیری JavaScript می تواند یک جعبه هشدار را با یک پیام خاص و یک دکمه نمایش دهد:
<body onload="sampleFunction()">نحو رویداد را بیاموزید
یادگیری رویداد جاوا اسکریپت onload دشوار نیست. با این حال ، باید توجه داشته باشید که چگونه این رویداد باید به زبان های مختلف نوشته شود:
در HTML:
<element onload="sampleScript">در جاوا اسکریپت:
object.onload = () => sampleScript();در JavaScript ، با استفاده از روش addEventListener:
object.addEventListener("load", sampleScript);روش addEventListener فقط توسط Internet Explorer 9 و نسخه های جدیدتر پشتیبانی می شود.
بهترین روش مثالهای کد:
ما می فهمیم که دانش آموزان نه تنها به تئوری ، نه تنها به تمرین نیاز دارند. آنها یک نکته دارند – اگر می خواهید به هر تابع ، ویژگی یا رویداد JavaScript تسلط پیدا کنید ، باید تمرین کنید. بنابراین ، ما به شما پیشنهاد می دهیم در اطراف بازی کنید و از تمام مثالهای کدی که ارائه می دهیم بیاموزید.
در این مثال ، یک عنصر <img> امضا شده است. بعد از بارگیری تصویر ، هشدار بارگیری با موفقیت نشان داده می شود:
<img src="https://cdn.bitdegree.org/learn/pom-laptop.png?raw=true" onload="ImageLoad()" width="120" height="120">اکنون ، در این مثال ، ما با استفاده از رویداد onload با کوکی ها سر و کار داریم:
<body onload="checkCookies()">این مقاله چقدر براتون مفید بود؟