سمة تحميل HTML
التعريف والاستخدام
يتم تشغيل السمة onload عند تحميل كائن.
غالبًا ما يتم استخدام onload داخل عنصر <body> لتنفيذ نص برمجي بمجرد أن يتم تحميل صفحة الويب كل المحتوى بالكامل (بما في ذلك الصور وملفات البرامج النصية وملفات CSS وما إلى ذلك). ومع ذلك ، يمكن استخدامه مع عناصر أخرى أيضًا (راجع "علامات HTML المدعومة" أدناه).
بالنسبة لعناصر الإدخال ، لا يتم دعم السمة onload إلا عند <input type = "image">
يمكن استخدام السمة onload للتحقق من نوع متصفح الزائر وإصدار المتصفح ، وتحميل الإصدار المناسب من صفحة الويب بناءً على المعلومات.
ينطبق على
تعد سمة onload جزءًا من سمات الحدث ، ويمكن استخدامها في العناصر التالية:
| عناصر |
|---|
| <الجسم> |
| <iframe> |
| <img> |
| <إدخال> |
| <ارتباط> |
| <script> |
| <ستايل> |
أمثلة
مثال على الجسم
قم بتنفيذ JavaScript فورًا بعد تحميل الصفحة:
<body onload="myFunction()">
مثال على ذلك
استخدام onload على عنصر <img>. تنبيه "تم تحميل الصورة" فورًا بعد تحميل الصورة:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
مثال الإدخال
استخدام onload على عنصر <input type = "image">. تنبيه "تم تحميل الصورة" فورًا بعد تحميل الصورة:
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
دعم المتصفح
تحتوي onloadالسمة على دعم المتصفح التالي لكل عنصر:
| Element | |||||
|---|---|---|---|---|---|
| body | Yes | Yes | Yes | Yes | Yes |
| iframe | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input type="image" | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
| script | Yes | Yes | Yes | Yes | Yes |
| style | Yes | Yes | Yes | Yes | Yes |