‎‎ويژگيHTML onload

Previous >    <Next  

‎‎تعريف وكاربردDefinition and Usag -‎

‎‎ويژگي رويدادي‎onload‎ هنگامي فعال ميشود كه شي بارگذاري شود .

‎ويژگي رويدادي فوق غالبا براي شي‎<body>‎ استفاده ميشود .در صورتي فعال ميشود كه ‎اجزاء بدنه صفحه بارگذاري شود .صفحه ممكن شامل تصوير، اسكريپت فايل ، فايلCSS وغيره باشد . ‎هرچند در عناصر ذكر شده جدول بعدي هم قابل استفاده ميباشد.

‎براي عنصر‎<input>‎ ويژگي رويدادي‎onload‎ فقط براي type="image‎"‎ ‎كاربرد دارد.

‎‎نكات مهم

  1. ‎‎از ويژگي رويدادي‎onload‎ ميتوان براي چك كردن نوع مرورگر يا نسخه آن استفاده كرد
  2. ‎از رويداد فوق ميتوان براي لودكردن نسخه مناسب صفحه وب براساس اطلاعات استفاده نمود. ‎

‎‎كاربرد ويژگيApplies to -‎

‎ويژگي رويدادي‎onload‎قسمتي از Event Attributes است .وميتوان ازآن در عناصر ‎مشخص شده در جدول زير استفاده نمود.

‎‎عنصر ‎‎شــرح
<body> ‎‎بدنه يك سند را تعريف مينمايد.
<iframe> ‎‎يك فريم برخط تعريف مي نمايد.
<img> ‎‎يك تصوير راتعريف مي نمايد.
<input> ‎‎يك كنترل ورودي را تعريف ميكند. type="image‎"‎براي‎
<link> ‎‎ارتباط بين سند ويك منبع خارجي ديگر را تعريف مي نمايد. ‎بيشتر براي ارتباط با استايل شيت ها استفاد ميشود.
<script> ‎‎يك اسكريپت سمت كلاينت را معرفي ميكند.
<style> ‎‎اطلاعات استايل را براي يك سند تعريف ميكند.

‎‎مثالها

‎‎مثالBody ـ اسكريپت بلافاصله بعداز لود صفحه اجرا ميشود .

<body onload="myFunction()"> 

--(go to editor for change code and run)

‎‎مثالImg ـ بلافاصله بعدا از لود تصوير اسكريپت اجرا ميشود .

<img src="w3html.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script >

--(go to editor for change code and run)

‎مثالInput ـ استفاده از ويژگي onload در‎<input type="image">‎ براي كنترل لود ‎تصوير.

<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script >

--(go to editor for change code and run)

‎‎پشتيباني مرورگرBrowser Support -‎

‎‎وضعيت پشتيباني مرورگرها نسبت به ويژگي فوق وعناصر مرتبط در جدول زير آمده است.

‎‎عنصر Chorome Edge Firefox Safari Opera
‎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‎

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next