onload
HTML onload hodisa atributi
Misol
Sahifa yuklanganidan so‘ng darhol JavaScript kodini bajaring:
<body onload="myFunction()">
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
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).
onload atributidan tashrif buyuruvchi brauzerining turi va versiyasini tekshirish hamda shu ma’lumotga asoslanib veb-sahifaning mos versiyasini yuklash uchun foydalanish mumkin.
onload atributidan cookie’lar bilan ishlash uchun ham foydalanish mumkin (quyidagi "Ko‘proq misollar" bo‘limiga qarang).
Brauzerlarda qo‘llab-quvvatlash
| Hodisa atributi | |||||
|---|---|---|---|---|---|
| onload | Ha | Ha | Ha | Ha | Ha |
Sintaksis
<element onload="script">
Atribut qiymatlari
| Qiymat | Tavsif |
|---|---|
| script | onload hodisasida ishga tushiriladigan skript |
Texnik tafsilotlar
| Qo‘llab-quvvatlanadigan HTML teglari: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> va <style> |
|---|
Ko‘proq misollar
Misol
<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 »
Misol
Cookie’lar bilan ishlash uchun onload hodisasidan foydalanish ("murakkab" javascript yordamida):
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
let text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML DOM ma’lumotnomasi: onload hodisasi
❮ HTML hodisalar
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!