رویداد onload

رویدادهای DOM موضوع Event

تعریف و استفاده

رویداد onload پس از بارگذاری عنصر رخ می‌دهد.

رویداد onload اغلب در عنصر <body> استفاده می‌شود تا در حالی که تمام محتوای وب‌سایت (شامل تصاویر، فایل‌های اسکریپت، فایل‌های CSS و غیره) بارگذاری شده است، اسکریپت اجرا شود.

رویداد onload برای بررسی نوع و نسخه مرورگر کاربر و بارگذاری نسخه صحیح وب‌سایت بر اساس این اطلاعات استفاده می‌شود.

رویداد onload نیز می‌تواند برای مدیریت کوکی‌ها استفاده شود (لطفاً به مثال‌های زیر مراجعه کنید).

مثال

اجرای جاوااسکریپت در زمان بارگذاری صفحه:

<body onload="myFunction()">

به طور شخصی امتحان کنید

مثال 2

استفاده از رویداد onload در علامت <img>. هنگام بارگذاری تصویر، به طور خودکار پیام "عکس بارگذاری شد" را ارسال کنید:

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
  alert("Image is loaded");
}
</script>

به طور شخصی امتحان کنید

مثال 3

استفاده از رویداد onload برای مدیریت کوکی‌ها:

<body onload="checkCookies()">
<script>
function checkCookies() {
  var text = "";
  if (navigator.cookieEnabled == true) {
    text = "Cookies are enabled.";
  }
     text = "Cookies are not enabled.";
  }
  document.getElementById("demo").innerHTML = text;
}
</script>

به طور شخصی امتحان کنید

نحوه نوشتن

در HTML:

<element onload="myScript">

به طور شخصی امتحان کنید

در جاوااسکریپت:

object.onload = function(){myScript};

به طور شخصی امتحان کنید

در جاوااسکریپت، از روش addEventListener() استفاده کنید:

object.addEventListener("load", myScript);

به طور شخصی امتحان کنید

توضیحات:اینترنت اکسپلورر 8 یا نسخه‌های قبلی آن پشتیبانی نمی‌کند مетод addEventListener()。

جزئیات فنی

بالا به پایین: پشتیبانی نمی‌شود
قابل لغو: پشتیبانی نمی‌شود
نوع رویداد: اگر از رابط کاربری کاربر ایجاد شده باشد،UiEvent. Event。
پشتیبانی از برچسب‌های HTML: <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
نسخه DOM: رویدادهای سطح 2

پشتیبانی مرورگر

رویدادها Chrome IE Firefox Safari Opera
onload پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی
رویدادهای DOM موضوع Event