رویداد عمومی onload در HTML | لود یک شیء در سند

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery

در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی صفت رویدادی onload در سند html می پردازیم. ویژگی رویدادی 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

پشتیبانی مرورگرهای اینترنتی از ویژگی

پیوندهای کاربردی و مفید

تگ های اچ تی ام ال در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های اچ تی ام ال در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های اچ تی ام ال در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

رویداد عمومی در HTML | لود یک شیء در سند – اختصاصی سایت آموزی