حدث onload
مثال
قم بتنفيذ JavaScript فورًا بعد تحميل الصفحة:
<body onload="myFunction()">
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يقع حدث onload عندما يتم تحميل كائن.
غالبًا ما يتم استخدام onload داخل عنصر <body> لتنفيذ نص برمجي بمجرد أن يتم تحميل صفحة الويب كل المحتوى بالكامل (بما في ذلك الصور وملفات البرامج النصية وملفات CSS وما إلى ذلك).
يمكن استخدام حدث onload للتحقق من نوع متصفح الزائر وإصداره ، وتحميل الإصدار المناسب من صفحة الويب بناءً على المعلومات.
يمكن أيضًا استخدام حدث onload للتعامل مع ملفات تعريف الارتباط (راجع "مزيد من الأمثلة" أدناه).
دعم المتصفح
| Event | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
في HTML:
<element onload="myScript">
في JavaScript:
object.onload = function(){myScript};
في JavaScript ، باستخدام طريقة addEventListener ():
object.addEventListener("load", myScript);
ملاحظة: طريقة addEventListener () غير مدعومة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
| فقاعات: | رقم |
|---|---|
| قابل للإلغاء: | رقم |
| نوع الحدث: | UiEvent إذا تم إنشاؤه من واجهة مستخدم ، حدث خلاف ذلك. |
| علامات HTML المدعومة: | <body> ، <frame> ، <iframe> ، <img> ، <input type = "image"> ، <link> ، <script> ، <style> |
| إصدار DOM: | أحداث المستوى 2 |
مزيد من الأمثلة
مثال
استخدام onload على عنصر <img>. تنبيه "تم تحميل الصورة" فور تحميل الصورة:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
مثال
استخدام حدث onload للتعامل مع ملفات تعريف الارتباط:
<body onload="checkCookies()">
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>