رویداد onload
مثال (رویداد onload)
اجرا کردن یک تابع جاوااسکریپت هنگامی که یک صفحه وب لود می شود:
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
رویداد onload هنگامی اتفاق می افتد که یک شیء لود شود(بارگذاری شود).
از رویداد onload اغلب در تگ <body> برای اجرا کردن یک اسکریپت هنگامی که صفحه وب کاملا تمام محتوا را لود کرد، استفاده می شود. محتوا می تواند شامل عکس یا فایل اسکریپت یا فایل css باشد.
از رویداد onload می توان برای چک کردن نوع مرورگر کاربر یا ورژن مرورگر او استفاده کرد. از این رویداد می توان برای لود کردن ورژن مناسب صفحه وب بر اساس اطلاعات استفاده کرد. همچنین از این رویداد می توان برای کار کردن با cookieها استفاده کرد.
پشتیبانی مرورگرها
| Event | |||||
|---|---|---|---|---|---|
| onload | بله | بله | بله | بله | بله |
نحوه استفاده
در HTML:
در جاوااسکریپت:
استفاده از متد addEventListener()، در جاوااسکریپت:
متد addEventListener() در Internet Explorer 8 و ورژن های قدیمی تر آن، پشتیبانی نمی شود.
جزئیات تکنیکی
| Bubbles: | خیر |
|---|---|
| Cancelable: | خیر |
| Event type: |
UIEvent در صورتی که از یک رابط کاربری تولید شده باشد و در غیر این صورت Event است |
| Supported HTML tags: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
| DOM Version: | Level 2 Events |
مثال - خودتان امتحان کنید
مثال (رویداد onload)
استعمال onload بر روی یک عکس و برگرداندن پیام Image is loaded بعد از اینکه عکس لود شد:
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
خودتان امتحان کنید »
مثال (رویداد onload)
استفاده از onload برای کار کردن با cookie ها :
<script>
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
</script>
خودتان امتحان کنید »
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 9402
