ویژگی عمومی onload در زبان اچ تی ام ال
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی رویداد عمومی onload در html می پردازیم.
ویژگی رویدادی onload زمانی رخ می دهد یک شیء در سند html ، لود یا بارگذاری شود.
خصوصیت رویدادی onload یک رویداد عمومی تگ های html است.
معرفی ویژگی عمومی onload در زبان اچ تی ام ال
رویداد عمومی onload در html زمانی رخ می دهد یک شیء در سند html ، لود یا بارگذاری شود. این رویداد هم جزء رویداد عمومی در تگ های html است.
خصوصیت رویدادی onload بیشتر در تگ body برای اجرا کردن یک script هنگامی که صفحه وب کاملا تمام محتوا را لود کرد، استفاده می شود.
محتوا می تواند شامل عکس یا فایل script یا فایل css باشد. همچنین ویژگی رویدادی onload علاوه بر تگ body در تگ iframe و img و input و link و script و style هم کاربرد بیشتری دارد.
نکات مهم
1- از خصوصیت رویدادی onload می توان برای چک کردن نوع مرورگر کاربر یا ورژن مرورگر او استفاده کرد.
2- از رویداد عمومی onload در html میتوان برای لود کردن ورژن مناسب صفحه وب بر اساس اطلاعات استفاده کرد.
3- از صفت رویدادی onload می توان برای کار کردن با cookie ها استفاده کرد.
مثال در مورد استفاده از این رویداد عمومی unload در html درون تگ body
<body onload=”myFunction()”>
مثال در مورد استفاده از ویژگی عمومی onload در html درون عنصر img
<img src=”siteamoozi.gif” onload=”loadImage()” width=”100″ height=”132″ alt=””>
<script>
function loadImage() {
alert(“Image is loaded”);
}
</script>
بررسی این ویژگی درون سند html 4.0.1 و HTML5
خاصیت رویدادی onload ، در نسخه HTML5 معرفی شده است و در نسخه HTML4.01 و نسخه های قدیمی تر وجود نداشته و پشتیبانی نمی شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery
پشتیبانی مرورگرهای اینترنتی رویداد عمومی onload در html
تگ html | ![]() | ![]() | ![]() | ![]() | ![]() |
body | بله | بله | بله | بله | بله |
iframe | بله | بله | بله | بله | بله |
img | بله | بله | بله | بله | بله |
link | بله | بله | بله | بله | بله |
script | بله | بله | بله | بله | بله |
style | بله | بله | بله | بله | بله |
پیوندهای کاربردی و مفید
تگ های اچ تی ام ال در سایت آموزی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های اچ تی ام ال در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
تگ های اچ تی ام ال در W3school
رویداد عمومی onload در HTML | لود یک شیء در سند – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید