onload
Ta’rif va qo‘llanilishi
onload atributi obyekt yuklanganda ishga tushadi.
onload ko‘pincha <body> elementi ichida veb-sahifa barcha kontentni (jumladan rasmlar, skript fayllari, CSS fayllari va h.k.) to‘liq yuklab bo‘lgach, skriptni bajarish uchun ishlatiladi. Biroq undan boshqa elementlarda ham foydalanish mumkin (quyidagi "Qo‘llab-quvvatlanadigan HTML teglari" bo‘limiga qarang).
Input elementlarida onload atributi faqat <input type="image"> bo‘lganda qo‘llab-quvvatlanadi
onload atributidan tashrif buyuruvchi brauzerining turi va versiyasini tekshirish hamda shu ma’lumotga asoslanib veb-sahifaning mos versiyasini yuklash uchun foydalanish mumkin.
Qo‘llaniladigan elementlar
onload atributi hodisa atributlari tarkibiga kiradi va quyidagi elementlarda ishlatilishi mumkin:
Misollar
Body misoli
Sahifa yuklanganidan so‘ng darhol JavaScript kodini bajaring:
<body onload="myFunction()">
O‘zingiz sinab ko‘ring »
Img misoli
<img> elementida onload’dan foydalanish. Rasm yuklanganidan so‘ng darhol "Image is loaded" xabarini alert orqali chiqaring:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
O‘zingiz sinab ko‘ring »
Input misoli
<input type="image"> elementida onload’dan foydalanish. Rasm yuklanganidan so‘ng darhol "Image is loaded" xabarini alert orqali chiqaring:
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
onload atributining har bir element uchun brauzerlarda qo‘llab-quvvatlanishi quyidagicha:
| Element | |||||
|---|---|---|---|---|---|
| body | Ha | Ha | Ha | Ha | Ha |
| iframe | Ha | Ha | Ha | Ha | Ha |
| img | Ha | Ha | Ha | Ha | Ha |
| input type="image" | Ha | Ha | Ha | Ha | Ha |
| link | Ha | Ha | Ha | Ha | Ha |
| script | Ha | Ha | Ha | Ha | Ha |
| style | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!