حدث onload

أحداث DOM مفهوم Event

تعريف والاستخدام

يحدث حدث onload بعد تحميل العنصر.

يستخدم onload غالبًا في عناصر <body>، لتنفيذ سكريبت بعد تحميل جميع محتويات الصفحة (بما في ذلك الصور، ملفات السكريبت، ملفات CSS وما إلى ذلك).

حدث onload يمكن استخدامه للتحقق من نوع متصفح المستخدم وأصدار المتصفح، ثم تحميل إصدار الصفحة الصحيح بناءً على هذه المعلومات.

onload 事件也可用于处理 cookie (请参阅下面的更多实例).

يمكن أيضًا استخدام حدث onload لمعالجة الكوكيز (انظر الأمثلة أدناه).

مثال

تنفيذ JavaScript فور تحميل الصفحة:

جربها بنفسك

<body onload="myFunction()">

مثال 2

استخدام حدث onload في عنصر <img>. بعد تحميل الصورة، قم بإصدار إشعار "تم تحميل الصورة" فورًا:
<body onload="checkCookies()">
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
  function loadImage() {
document.getElementById("demo").innerHTML = text;
}

جربها بنفسك

alert("Image is loaded");

مثال 3

استخدام حدث onload لمعالجة الكوكيز:
<body onload="checkCookies()">
<script>
  function checkCookies() {
  var text = "";
    if (navigator.cookieEnabled == true) {
  text = "Cookies are enabled.";
     } else {
  document.getElementById("demo").innerHTML = text;
  text = "Cookies are not enabled.";
document.getElementById("demo").innerHTML = text;
}

جربها بنفسك

</script>

النحو

في HTML:< العنصرmyScriptonload="

جربها بنفسك

">

في JavaScript، استخدم طريقة addEventListener():في JavaScript:myScript.onload = function(){

جربها بنفسك

};

في JavaScript، استخدم طريقة addEventListener():.addEventListener("load", myScript);

جربها بنفسك

ملاحظة:Internet Explorer 8 أو الأحدث غير مدعوم طريقة addEventListener().

تفاصيل تقنية

التدفق البوكيب: غير مدعوم
قابل للإلغاء: غير مدعوم
نوع الحدث: إذا تم إنشاؤه من واجهة المستخدمUiEvent. إذا لم يكن كذلك Event.
الدوال الداعمة: <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
إصدار DOM: أحداث المستوى 2

دعم المتصفحات

الأحداث Chrome IE Firefox Safari Opera
onload الدعم الدعم الدعم الدعم الدعم
أحداث DOM مفهوم Event