سمة حدث عند تحميل HTML

❮ سمات حدث HTML

مثال

قم بتنفيذ JavaScript فورًا بعد تحميل الصفحة:

<body onload="myFunction()">

المزيد من الأمثلة "جربها بنفسك" أدناه.


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

يتم تشغيل السمة onload عند تحميل كائن.

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

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

يمكن أيضًا استخدام السمة onload للتعامل مع ملفات تعريف الارتباط (راجع "مزيد من الأمثلة" أدناه).


دعم المتصفح

Event Attribute
onload Yes Yes Yes Yes Yes

بناء الجملة

<element onload="script">

قيم السمات

Value Description
script The script to be run on onload

تفاصيل تقنية

علامات HTML المدعومة: <body> ، <frame> ، <frameset> ، <iframe> ، <img> ، <input type = "image"> ، <link> ، <script> و <style>

مزيد من الأمثلة

مثال

استخدام onload على عنصر <img>. تنبيه "تم تحميل الصورة" فور تحميل الصورة:

<img src="w3html.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>

مثال

استخدام حدث onload للتعامل مع ملفات تعريف الارتباط (باستخدام جافا سكريبت "المتقدم"):

<body onload="checkCookies()">

<p id="demo"></p>

<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>

الصفحات ذات الصلة

مرجع DOM HTML: حدث التحميل


❮ سمات حدث HTML