انتقل إلى محتوى الدرس
فقرة فرعية #9 من درس: JS Events

onload Event

ستتعلم في هذا الدرس ال JavaScript Events وكيفة كتابتها واين تكتب ولماذا تستخدم مع لغة ال JavaScript

1 صفوف تعليمية
جافا سكريبت
5,399 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

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

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


Syntax

HTML
object.onload = function(){myScript};

Example

HTML
<!DOCTYPE html>
<html>
<body>

<p>This example uses the HTML DOM to assign an "onload" event to an iframe element.</p>

<iframe id="myFrame" src="https://www.closetag.com/"></iframe>

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

<script>
document.getElementById("myFrame").onload = function() {myFunction()};

function myFunction() {
  document.getElementById("demo").innerHTML = "Iframe is loaded.";
}
</script>

</body>
</html>