onload 事件

အခန်းများ

JS ကိုးကားရာ

JavaScript

Window

HTML ဒီပီတိုက်

Web API

HTML အမှုကိရိယာ

</a></li> <li><a href="/my/jsref/dom_obj_image.html" title="HTML DOM Image အရာဝတ္တရ"><img></a></li> <li><a href="/my/jsref/dom_obj_ins.html" title="HTML DOM Ins အရာဝတ္တရ"><ins></a></li> <li><a href="/my/jsref/dom_obj_button.html" title="HTML DOM အိပ်ခတ်ပုံ ဘေ့စ်နောက်"><input> button</a></li> <li><a href="/my/jsref/dom_obj_checkbox.html" title="HTML DOM အိပ်ခတ်ပုံ ချက်ချင်း"><input> checkbox</a></li> <li><a href="/my/jsref/dom_obj_color.html" title="HTML DOM အိပ်ခတ်ပုံ အရောင်"><input> color</a></li> <li><a href="/my/jsref/dom_obj_date.html" title="HTML DOM အိပ်ခတ်ပုံ ရက်"><input> date</a></li> <li><a href="/my/jsref/dom_obj_datetime.html" title="HTML DOM အိပ်ခတ်ပုံ ရက်စွဲနှင့် စံချိန်"><input> datetime</a></li> <li><a href="/my/jsref/dom_obj_datetime-local.html" title="HTML DOM အိပ်ခတ်ပုံ ရက်စွဲနှင့် စံချိန် (ရှိပ်ချိန်)"><input> datetime-local</a></li> <li><a href="/my/jsref/dom_obj_email.html" title="HTML DOM အိပ်ခတ်ပုံ အီးလိုင်"><input> email</a></li> <li><a href="/my/jsref/dom_obj_fileupload.html" title="HTML DOM အိပ်ခတ်ပုံ ဖိုင်ပေါင်း"><input> file</a></li> <li><a href="/my/jsref/dom_obj_hidden.html" title="HTML DOM အိပ်ခတ်ပုံ ကွန်ပို့"><input> hidden</a></li> <li><a href="/my/jsref/dom_obj_input_image.html" title="HTML DOM အိပ်ခတ်ပုံ ယဉ်ကျေးမှု"><input> image</a></li> <li><a href="/my/jsref/dom_obj_month.html" title="HTML DOM အိပ်ခတ်ပုံ လစာ"><input> month</a></li> <li><a href="/my/jsref/dom_obj_number.html" title="HTML DOM အိပ်ခတ်ပုံ ပုံစံ"><input> number</a></li> <li><a href="/my/jsref/dom_obj_password.html" title="HTML DOM အိပ်ခတ်ပုံ ပျက်ဆီး"><input> password</a></li> <li><a href="/my/jsref/dom_obj_radio.html" title="HTML DOM အိပ်ခတ်ပုံ လျှပ်"><input> radio</a></li> <li><a href="/my/jsref/dom_obj_range.html" title="HTML DOM အိပ်ခတ်ပုံ လျှပ်သိန်း"><input> range</a></li> <li><a href="/my/jsref/dom_obj_reset.html" title="HTML DOM အိပ်ခတ်ပုံ ပြန်လည်စစ်ဆေး"><input> reset</a></li> <li><a href="/my/jsref/dom_obj_search.html" title="HTML DOM အိပ်ခတ်ပုံ ရှာဖွေ"><input> search</a></li> <li><a href="/my/jsref/dom_obj_submit.html" title="HTML DOM အိပ်ခတ်ပုံ တိုက်ရိုက်"><input> submit</a></li> <li><a href="/my/jsref/dom_obj_text.html" title="HTML DOM အိပ်ခတ်ပုံ စကား"><input> text</a></li> <li><a href="/my/jsref/dom_obj_input_time.html" title="HTML DOM အိပ်ခတ်ပုံ စံချိန်"><input> time</a></li> <li><a href="/my/jsref/dom_obj_url.html" title="HTML DOM အိပ်ခတ်ပုံ ဝတ္ထု"><input> url</a></li> <li><a href="/my/jsref/dom_obj_week.html" title="HTML DOM အိပ်ခတ်ပုံ ဆိုင်း"><input> week</a></li> <li><a href="/my/jsref/dom_obj_kbd.html" title="HTML DOM အိပ်ခတ်ပုံ ကိုယ်"><kbd></a></li> <li><a href="/my/jsref/dom_obj_label.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><label></a></li> <li><a href="/my/jsref/dom_obj_legend.html" title="HTML DOM အိပ်ခတ်ပုံ အင်္ဂါ"><legend></a></li> <li><a href="/my/jsref/dom_obj_li.html" title="HTML DOM အိပ်ခတ်ပုံ လောက်"><li></a></li> <li><a href="/my/jsref/dom_obj_link.html" title="HTML DOM အိပ်ခတ်ပုံ လိပ်"><link></a></li> <li><a href="/my/jsref/dom_obj_map.html" title="HTML DOM အိပ်ခတ်ပုံ မြတ်"><map></a></li> <li><a href="/my/jsref/dom_obj_mark.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><mark></a></li> <li><a href="/my/jsref/dom_obj_menu.html" title="HTML DOM အိပ်ခတ်ပုံ ကျန်"><menu></a></li> <li><a href="/my/jsref/dom_obj_menuitem.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><menuitem></a></li> <li><a href="/my/jsref/dom_obj_meta.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><meta></a></li> <li><a href="/my/jsref/dom_obj_meter.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><meter></a></li> <li><a href="/my/jsref/dom_obj_nav.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><nav></a></li> <li><a href="/my/jsref/dom_obj_object.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><object></a></li> <li><a href="/my/jsref/dom_obj_ol.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><ol></a></li> <li><a href="/my/jsref/dom_obj_optgroup.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><optgroup></a></li> <li><a href="/my/jsref/dom_obj_option.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><option></a></li> <li><a href="/my/jsref/dom_obj_output.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><output></a></li> <li><a href="/my/jsref/dom_obj_paragraph.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><p></a></li> <li><a href="/my/jsref/dom_obj_param.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><param></a></li> <li><a href="/my/jsref/dom_obj_pre.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><pre></a></li> <li><a href="/my/jsref/dom_obj_progress.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><progress></a></li> <li><a href="/my/jsref/dom_obj_quote.html" title="HTML DOM အိပ်ခတ်ပုံ အကြောင်း"><q></a></li> <li><a href="/my/jsref/dom_obj_s.html" title="HTML DOM S အားကစားအရာ"><s></a></li> <li><a href="/my/jsref/dom_obj_samp.html" title="HTML DOM Samp အားကစားအရာ"><samp></a></li> <li><a href="/my/jsref/dom_obj_script.html" title="HTML DOM Script အားကစားအရာ"><script></a></li> <li><a href="/my/jsref/dom_obj_section.html" title="HTML DOM Section အားကစားအရာ"><section></a></li> <li><a href="/my/jsref/dom_obj_select.html" title="HTML DOM Select အားကစားအရာ"><select></a></li> <li><a href="/my/jsref/dom_obj_small.html" title="HTML DOM Small အားကစားအရာ"><small></a></li> <li><a href="/my/jsref/dom_obj_source.html" title="HTML DOM Source အားကစားအရာ"><source></a></li> <li><a href="/my/jsref/dom_obj_span.html" title="HTML DOM Span အားကစားအရာ"><span></a></li> <li><a href="/my/jsref/dom_obj_strong.html" title="HTML DOM Strong အားကစားအရာ"><strong></a></li> <li><a href="/my/jsref/dom_obj_sub.html" title="HTML DOM Subscript အားကစားအရာ"><sub></a></li> <li><a href="/my/jsref/dom_obj_summary.html" title="HTML DOM Summary အားကစားအရာ"><summary></a></li> <li><a href="/my/jsref/dom_obj_sup.html" title="HTML DOM Superscript အားကစားအရာ"><sup></a></li> <li><a href="/my/jsref/dom_obj_table.html" title="HTML DOM Table အားကစားအရာ"><table></a></li> <li><a href="/my/jsref/dom_obj_tbody.html" title="HTML DOM TBody အားကစားအရာ"><tbody></a></li> <li><a href="/my/jsref/dom_obj_tabledata.html" title="HTML DOM TableData အားကစားအရာ"><td></a></li> <li><a href="/my/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot အားကစားအရာ"><tfoot></a></li> <li><a href="/my/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader အားကစားအရာ"><th></a></li> <li><a href="/my/jsref/dom_obj_thead.html" title="HTML DOM THead အားကစားအရာ"><thead></a></li> <li><a href="/my/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow အားကစားအရာ"><tr></a></li> <li><a href="/my/jsref/dom_obj_textarea.html" title="HTML DOM Textarea အားကစားအရာ"><textarea></a></li> <li><a href="/my/jsref/dom_obj_time.html" title="HTML DOM Time အားကစားအရာ"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အားကစားအရာ"><title></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အားကစားအရာ"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အားကစားအရာ"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အားကစားအရာ"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အားကစားအရာ"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အားကစားအရာ"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အားကစားအရာ">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမျိုးအစား ပြောင်းလဲ">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/my/howto/index.html" title="CodeW3C.com ဘိလစ်တင်">CodeW3C.com ဘိလစ်တင်</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>onload 事件</h1> <div class="btn-toref"> <a href="/my/jsref/dom_obj_event.html" title="ဟယ်လ် အယ်လ်မ် ဒီမိုးကျွန်း အခင်း">DOM အခမ်းအနား</a> <a href="/my/jsref/obj_event.html" title="Event အားကစားအရာ">Event အားကစားအရာ</a> </div> <div> <h2>定义和用法</h2> <p>onload 事件在对象被加载后发生。</p> <p>onload အခမ်းအနား အများဆုံး <body> အခမ်းအနား တွင် သုံးထားသည်၊ စာမေးခွန်းကို စာမေးခွန်း၏ အတိုင်းပြီး တိုက်ရိုက် အတိုင်း လုပ်ဆောင်ရန် သုံးထားသည်。</p> <p>onload အခမ်းအနား သုံးထားသည်ဟု သူ၏ ဘာသာစကား အမျိုးအစား နှင့် ပြောင်းလဲသည် အခြေအနေ ကို စစ်ဆေးရန် နှင့် အကျိုးသက်သော သတင်းအချက်အလက်များ အပေါ် စာမေးသည် နှင့် သို့မဟုတ် အခြေခံ ဘာသာစကား မည်သည့် ပုံစံကို တင်သွင်းရန် သုံးထားသည်。</p> <p>onload 事件也可用于处理 cookie (请参阅下面的更多实例).</p> </div> <div> <h2>实例</h2> <p>在页面加载后立即执行 JavaScript：</p> <pre class="language-html"> <body onload="myFunction()"> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_onload">亲自试一试</a></p> <h3>例子 2</h3> <p>在 <img> 元素上使用 onload。加载图像后立即发出“图像已加载”的提醒：</p> <pre class="language-html"> <img src="w3javascript.gif" onload="loadImage()" width="100" height="132"> <script> function loadImage() { alert("Image is loaded"); } </script> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_onload_img">亲自试一试</a></p> <h3>例子 3</h3> <p>使用 onload 事件处理 cookie：</p> <pre class="language-html"> <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> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_onload_cookies">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>在 HTML 中：</p> <pre class="language-html"> <<i>element</i> onload="<i>myScript</i>"> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_onload_html">亲自试一试</a></p> <p>在 JavaScript 中：</p> <pre class="language-js"> <i>object</i>.onload = function(){<i>myScript</i>}; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_onload_dom">亲自试一试</a></p> <p>在 JavaScript 中，使用 addEventListener() 方法：</p> <pre class="language-js"> <i>object</i>.addEventListener("load", <i>myScript</i>); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=event_onload_addeventlistener">亲自试一试</a></p> <p class="note"><span>注释：</span>Internet Explorer 8 或更早的版本不支持 <a href="/my/jsref/met_element_addeventlistener.html" title="HTML DOM addEventListener() စက်မှု">addEventListener() 方法</a>。</p> </div> <div> <h2>技术细节</h2> <table class="definition-usage"> <tr> <th>冒泡：</th> <td>不支持</td> </tr> <tr> <th>可取消：</th> <td>不支持</td> </tr> <tr> <th>事件类型：</th> <td>如果从用户界面生成，<a href="/my/jsref/obj_uievent.html" title="HTML DOM UiEvent">UiEvent</a>。否则 <a href="/my/jsref/obj_event.html" title="Event အားကစားအရာ">Event</a>。</td> </tr> <tr> <th>支持的 HTML 标签：</th> <td><body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style></td> </tr> <tr> <th style="width: 25%;">DOM ပုံစံ:</th> <td>Level 2 Events</td> </tr> </table> </div> <div> <h2>ဘတ်သျှန် ထောက်ပံ့</h2> <table class="browser-support"> <tr> <th class="bsTh">အခမ်းအနား</th> <th class="bsChrome">Chrome</th> <th class="bsIE">IE</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>onload</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> </tr> </table> </div> <div class="btn-toref"> <a href="/my/jsref/dom_obj_event.html" title="ဟယ်လ် အယ်လ်မ် ဒီမိုးကျွန်း အခင်း">DOM အခမ်းအနား</a> <a href="/my/jsref/obj_event.html" title="Event အားကစားအရာ">Event အားကစားအရာ</a> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> အက္ခရာတံတား </center><h3> <h5 id="tools_reference"><a href="/my/jsref/index.html">ဂျေးဂျာမ် နှင့် ဟယ်လ် အယ်လ်မ် ဂိုး လျှပ်စစ် စာအုပ်</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အမှတ်</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/js/index.html">JavaScript ကျမ်း</a></h5> </div> <div><h3><center> ပံ့ပိုးရေး ခုံ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ဖော်ပြသော အခြေအနေ အသုံးပြုခြင်း အတွက် ပြည့်မျှသမျှ မဟုတ် မမှန်ကန်ချေ။ အမှုထမ်းများ အသုံးပြုခြင်း ဖြင့် ပေါ်ပေါက်သော အကျိုးသက် မှာ အမှုထမ်းများ နှင့် မတူချေ။ ပြည့်မျှသမျှ ပြီး အခွင့်အရေး များစွာ အတွက် ပြည့်မျှသမျှ ဖြစ်သည်။ </p> <p id="p2"> <a href="/my/about/index.html" title="ဖော်ပြချက်: CodeW3C.com">ဖော်ပြချက်: CodeW3C.com</a> <a href="/my/about/about_helping.html" title="အကူအညီ: CodeW3C.com">အကူအညီ: CodeW3C.com</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း">အသုံးပြုခြင်း ခန့်မှန်း</a> <a href="/my/about/about_privacy.html" title="လျှို့ဝှက်">လျှို့ဝှက် ခန့်မှန်း</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="ပေါ်လုပ်သူ Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>