ويژگي رويداديonload هنگامي فعال ميشود كه شي بارگذاري شود .
ويژگي رويدادي فوق غالبا براي شي<body> استفاده ميشود .در صورتي فعال ميشود كه اجزاء بدنه صفحه بارگذاري شود .صفحه ممكن شامل تصوير، اسكريپت فايل ، فايلCSS وغيره باشد . هرچند در عناصر ذكر شده جدول بعدي هم قابل استفاده ميباشد.
براي عنصر<input> ويژگي رويداديonload فقط براي type="image" كاربرد دارد.
نكات مهم
ويژگي رويداديonloadقسمتي از Event Attributes است .وميتوان ازآن در عناصر مشخص شده در جدول زير استفاده نمود.
| عنصر | شــرح |
|---|---|
| <body> | بدنه يك سند را تعريف مينمايد. |
| <iframe> | يك فريم برخط تعريف مي نمايد. |
| <img> | يك تصوير راتعريف مي نمايد. |
| <input> | يك كنترل ورودي را تعريف ميكند. type="image"براي |
| <link> | ارتباط بين سند ويك منبع خارجي ديگر را تعريف مي نمايد. بيشتر براي ارتباط با استايل شيت ها استفاد ميشود. |
| <script> | يك اسكريپت سمت كلاينت را معرفي ميكند. |
| <style> | اطلاعات استايل را براي يك سند تعريف ميكند. |
مثالBody ـ اسكريپت بلافاصله بعداز لود صفحه اجرا ميشود .
<body onload="myFunction()">
مثالImg ـ بلافاصله بعدا از لود تصوير اسكريپت اجرا ميشود .
<img src="w3html.gif" onload="loadImage()" width="100" height="132"> <script> function loadImage() { alert("Image is loaded"); } </script >
مثالInput ـ استفاده از ويژگي onload در<input type="image"> براي كنترل لود تصوير.
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit"> <script> function loadImage() { alert("Image is loaded"); } </script >
وضعيت پشتيباني مرورگرها نسبت به ويژگي فوق وعناصر مرتبط در جدول زير آمده است.
| عنصر |
|
|
|
|
|
|---|---|---|---|---|---|
| body | Yes | Yes | Yes | Yes | Yes |
| iframe | Yes | Yes | Yes | Yes | Yes |
| imp | 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 |