load
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.
Tavsif
onload hodisasi obyekt yuklanganda sodir bo‘ladi.
onload ko‘pincha <body> elementi ichida veb-sahifa barcha kontentni (rasmlar, skript fayllari, CSS fayllari va h.k.) to‘liq yuklagach skriptni bajarish uchun ishlatiladi.
onload hodisasi tashrif buyuruvchining brauzer turi va versiyasini tekshirish hamda shu ma’lumot asosida veb-sahifaning mos versiyasini yuklash uchun ishlatilishi mumkin.
onload hodisasi cookie’lar bilan ishlash uchun ham ishlatilishi mumkin (quyidagi "Ko‘proq misollar" ga qarang).
Brauzerlarda qo‘llab-quvvatlash
| Ha | Ha | Ha | Ha | Ha |
Sintaksis
JavaScript’da, addEventListener() metodi yordamida:
object.addEventListener("load", myScript);
O‘zingiz sinab ko‘ring »
Texnik tafsilotlar
| Ko‘tariladimi (bubbles): | Yo‘q |
|---|---|
| Bekor qilish mumkinmi: | Yo‘q |
| Hodisa turi: | Foydalanuvchi interfeysidan yuzaga kelgan bo‘lsa — UiEvent, aks holda — Event. |
| HTML teglari: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
| DOM versiyasi: | Level 2 hodisalari |
Ko‘proq misollar
Misol
<img> elementida onload’dan foydalanish. Rasm yuklanganidan so‘ng darhol "Image is loaded" xabarini alert orqali chiqaring:
<img src="w3javascript.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:
<body onload="checkCookies()">
<script>
function checkCookies() {
var 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 »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!