رویداد عمومی onload در HTML | لود یک شیء در سند
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی صفت رویدادی onload در سند html می پردازیم. ویژگی رویدادی onload زمانی رخ می دهد یک شیء در سند html ، لود یا بارگذاری شود. خصوصیت رویدادی onload یک رویداد عمومی تگ های html است.
معرفی صفت رویدادی onload در سند HTML
صفت رویدادی onload زمانی رخ می دهد یک شیء در سند html ، لود یا بارگذاری شود. این رویداد هم جزء رویداد عمومی در تگ های html است. خصوصیت رویدادی onload بیشتر در تگ body برای اجرا کردن یک script هنگامی که صفحه وب کاملا تمام محتوا را لود کرد، استفاده می شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery
محتوا می تواند شامل عکس یا فایل script یا فایل css باشد. همچنین ویژگی رویدادی onload علاوه بر تگ body در تگ iframe و img و input و link و script و style هم کاربرد بیشتری دارد.
نکات مهم
۱- از خصوصیت رویدادی onload می توان برای چک کردن نوع مرورگر کاربر یا ورژن مرورگر او استفاده کرد.
۲- از ویژگی رویدادی onload می توان برای لود کردن ورژن مناسب صفحه وب بر اساس اطلاعات استفاده کرد.
۳- از صفت رویدادی onload می توان برای کار کردن با cookie ها استفاده کرد.
رویداد عمومی onload در HTML | لود یک شیء در سند
مثال در مورد استفاده از این ویژگی درون تگ body
<body onload=”myFunction()”>
مثال در مورد استفاده از ویژگی onload درون عنصر 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
پشتیبانی مرورگرهای اینترنتی از ویژگی
| تگ html |  |  |  |  |  |
| body | بله | بله | بله | بله | بله |
| iframe | بله | بله | بله | بله | بله |
| img | بله | بله | بله | بله | بله |
| link | بله | بله | بله | بله | بله |
| script | بله | بله | بله | بله | بله |
| style | بله | بله | بله | بله | بله |
پیوندهای کاربردی و مفید
تگ های اچ تی ام ال در سایت آموزی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های اچ تی ام ال در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
تگ های اچ تی ام ال در W3school
