onload ပွဲ
ဥပမာ
စာမျက်နှာတစ်ခုကို တင်ပြီးသည်နှင့် ချက်ချင်း JavaScript ကို လုပ်ဆောင်ပါ-
<body onload="myFunction()">
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အရာဝတ္ထုတစ်ခုကို တင်လိုက်သောအခါတွင် onload ဖြစ်ရပ် ဖြစ်ပေါ်သည်။
ဝဘ်စာမျက်နှာတစ်ခုသည် အကြောင်းအရာအားလုံးကို (ရုပ်ပုံများ၊ ဇာတ်ညွှန်းဖိုင်များ၊ CSS ဖိုင်များစသည်ဖြင့်) အပါအဝင် ဝဘ်စာမျက်နှာတစ်ခုမှ အပြည့်အ၀တင်ပြီးသည်နှင့် script ကိုလုပ်ဆောင်ရန် onload ကို <body> ဒြပ်စင်အတွင်းတွင် အများဆုံးအသုံးပြုလေ့ရှိသည်။
လည်ပတ်သူ၏ဘရောက်ဆာအမျိုးအစားနှင့် ဘရောက်ဆာဗားရှင်းကို စစ်ဆေးရန်နှင့် အချက်အလက်အပေါ်အခြေခံ၍ ဝဘ်စာမျက်နှာ၏ သင့်လျော်သောဗားရှင်းကို တင်ရန် onload ဖြစ်ရပ်ကို အသုံးပြုနိုင်သည်။
onload ဖြစ်ရပ်ကို cookies များနှင့်ကိုင်တွယ်ရန်လည်းအသုံးပြုနိုင်သည် (အောက်ပါ "နောက်ထပ် ဥပမာများ" ကိုကြည့်ပါ)။
Browser ပံ့ပိုးမှု
Event | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
အထားအသို
HTML တွင်-
<element onload="myScript">
JavaScript တွင်-
object.onload = function(){myScript};
JavaScript တွင် addEventListener() method ကိုအသုံးပြု၍-
object.addEventListener("load", myScript);
မှတ်ချက်- addEventListener () နည်းလမ်းကို Internet Explorer 8 နှင့် အစောပိုင်းဗားရှင်းများတွင် ပံ့ပိုးမထားပါ။
နည်းပညာဆိုင်ရာအသေးစိတ်
ပူဖောင်း: | မရှိ |
---|---|
ပယ်ဖျက်နိုင်သည်- | မရှိ |
ပွဲအမျိုးအစား- | UiEvent ကို အသုံးပြုသူ အင်တာဖေ့စ်မှ ထုတ်လုပ်ပါက၊ Event မဟုတ်လျှင်။ |
ပံ့ပိုးထားသော HTML တဂ်များ- | <body>၊ <frame>၊ <iframe>၊ <img>၊ <input type="image">၊ <link>၊ <script>၊ <style> |
DOM ဗားရှင်း- | အဆင့် 2 ပွဲများ |
နောက်ထပ် ဥပမာများ
ဥပမာ
<img> ဒြပ်စင်ပေါ်တွင် onload ကိုအသုံးပြုခြင်း။ ပုံတစ်ခုတင်ပြီးသည်နှင့် "Image is loaded" ဟု သတိပေးချက်-
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
ဥပမာ
cookies များကိုကိုင်တွယ်ရန် onload event ကိုအသုံးပြုခြင်း-
<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>