مثال
تنفيذ جافا سكريبت على الفور بعد صفحة تم تحميل:
<body onload="myFunction()"> انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
يحدث الحدث onload عندما تم تحميل كائن.
غالبا ما يتم استخدام ONLOAD داخل <body> عنصر لتنفيذ السيناريو مرة واحدة في صفحة ويب تم تحميل تماما عن المحتوى (بما في ذلك الصور، ملفات البرامج النصية وملفات CSS، وما إلى ذلك).
يمكن استخدام الحدث onload للتحقق من الزائر ونوع المتصفح وإصدار متصفح، وتحميل الإصدار المناسب من صفحة ويب استنادا إلى المعلومات.
ويمكن أيضا أن تستخدم الحدث onload للتعامل مع cookies (انظر "More Examples" أدناه).
دعم المتصفح
| هدف | |||||
|---|---|---|---|---|---|
| onload | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
في HTML:
في جافا سكريبت:
object .onload=function(){ انها محاولة لنفسك » في جافا سكريبت، وذلك باستخدام addEventListener() الأسلوب:
object .addEventListener("load", myScript );
انها محاولة لنفسك » ملاحظة: addEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
| فقاعات: | لا |
|---|---|
| للإلغاء: | لا |
| نوع الحدث: | UIEvent إذا ولدت من واجهة المستخدم، وحدث خلاف ذلك. |
| علامات HTML المعتمدة: | <body>، <إطار>، <iframe> أراء و <img>، <إدخال نوع = "صورة">، <رابط>، <script>، <style> |
| صفحة DOM: | مستوى 2 الفعاليات |
مزيد من الأمثلة
مثال
باستخدام ONLOAD على <img> العنصر. تنبيه "Image is loaded" على الفور بعد أن تم تحميل صورة:
<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>
انها محاولة لنفسك » <كائن الحدث