HTML onload Event Attribute
ဥပမာ
စာမျက်နှာတစ်ခုကို တင်ပြီးသည်နှင့် ချက်ချင်း JavaScript ကို လုပ်ဆောင်ပါ-
<body onload="myFunction()">
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
အရာတစ်ခုကို တင်လိုက်သောအခါတွင် onload attribute သည် မီးလောင်ပါသည်။
ဝဘ်စာမျက်နှာတစ်ခုသည် အကြောင်းအရာအားလုံးကို (ရုပ်ပုံများ၊ ဇာတ်ညွှန်းဖိုင်များ၊ CSS ဖိုင်များစသည်ဖြင့်) အပါအဝင် ဝဘ်စာမျက်နှာတစ်ခုမှ အပြည့်အ၀တင်ပြီးသည်နှင့် script ကိုလုပ်ဆောင်ရန် onload ကို <body> ဒြပ်စင်အတွင်းတွင် အများဆုံးအသုံးပြုလေ့ရှိသည်။ သို့ရာတွင်၊ ၎င်းကို အခြားဒြပ်စင်များပေါ်တွင်လည်း သုံးနိုင်သည် (အောက်ပါ "Supported HTML tags" ကိုကြည့်ပါ)။
လည်ပတ်သူ၏ဘရောက်ဆာအမျိုးအစားနှင့် ဘရောက်ဆာဗားရှင်းကို စစ်ဆေးရန်နှင့် အချက်အလက်ပေါ်အခြေခံ၍ ဝဘ်စာမျက်နှာ၏ သင့်လျော်သောဗားရှင်းကို တင်ရန် onload attribute ကို အသုံးပြုနိုင်သည်။
onload attribute ကို cookies များနှင့်ဆက်ဆံရာတွင်လည်းအသုံးပြုနိုင်သည် (အောက်ပါ "နောက်ထပ် ဥပမာများ" ကိုကြည့်ပါ)။
Browser ပံ့ပိုးမှု
| Event Attribute | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
အထားအသို
<element onload="script">
ရည်ညွှန်းတန်ဖိုးများ
| Value | Description |
|---|---|
| script | The script to be run on onload |
နည်းပညာဆိုင်ရာအသေးစိတ်
| ပံ့ပိုးထားသော HTML တဂ်များ- | <body>၊ <frame>၊ <frameset>၊ <iframe>၊ <img>၊ <input type="image">၊ <link>၊ <script> နှင့် <style> |
|---|
နောက်ထပ် ဥပမာများ
ဥပမာ
<img> ဒြပ်စင်ပေါ်တွင် onload ကိုအသုံးပြုခြင်း။ ပုံတစ်ခုတင်ပြီးသည်နှင့် "Image is loaded" ဟု သတိပေးချက်-
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
ဥပမာ
cookies များကိုကိုင်တွယ်ရန် onload event ကိုအသုံးပြုခြင်း ("advanced" javascript ကိုအသုံးပြုခြင်း-
<body onload="checkCookies()">
<p id="demo"></p>
<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>
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်းချက်- onload event
❮ HTML Event Attributes