JavaScript中OnLoad幾種使用方法
更新時(shí)間：2012年12月15日 16:20:49 作者：
在前幾個(gè)項(xiàng)目的開(kāi)發(fā)中遇到onload使用的幾種情形,接下來(lái)詳細(xì)介紹下
在前幾個(gè)項(xiàng)目的開(kāi)發(fā)中 遇到onload使用的幾種情形
1. 可以在Body 里面執(zhí)行
<body onload="alert(123)"></body>
2. 先定義好 在頁(yè)面加載完成后使用
<script type="text/javascript">
function test(){
var aa = "嘻嘻,你個(gè)大豬豬";
alert(aa);
}
window.onload = test;
</script>
注解: 這里的window.onload = test; 不要在test后面加() 因?yàn)檫@是在給事件關(guān)聯(lián)觸發(fā)的方法
如果加() 會(huì)立刻引發(fā)這個(gè)方法的執(zhí)行(這可能不是我們的本意)
3. 使用匿名函數(shù)
<script>window.onload = function(){alert(321);}</script>
4. JS中onload多個(gè)事件該怎么寫？
<1> <body onload="aa();bb();cc()">用分號(hào)隔開(kāi)就可以了
<2>
window.attachEvent("onload",function(){alert('a')});
window.attachEvent("onload",function(){alert('b')});
window.attachEvent("onload",function(){alert('c')});
注解: 使用attachEvent 注冊(cè)事件 后注冊(cè)的事件 先執(zhí)行
上面的例子會(huì)彈出 C B A
還有一點(diǎn):這個(gè)辦法只能在IE下用 (window.attachEvent)
1. 可以在Body 里面執(zhí)行
<body onload="alert(123)"></body>
2. 先定義好 在頁(yè)面加載完成后使用
復(fù)制代碼 代碼如下:
<script type="text/javascript">
function test(){
var aa = "嘻嘻,你個(gè)大豬豬";
alert(aa);
}
window.onload = test;
</script>
注解: 這里的window.onload = test; 不要在test后面加() 因?yàn)檫@是在給事件關(guān)聯(lián)觸發(fā)的方法
如果加() 會(huì)立刻引發(fā)這個(gè)方法的執(zhí)行(這可能不是我們的本意)
3. 使用匿名函數(shù)
<script>window.onload = function(){alert(321);}</script>
4. JS中onload多個(gè)事件該怎么寫？
<1> <body onload="aa();bb();cc()">用分號(hào)隔開(kāi)就可以了
<2>
window.attachEvent("onload",function(){alert('a')});
window.attachEvent("onload",function(){alert('b')});
window.attachEvent("onload",function(){alert('c')});
注解: 使用attachEvent 注冊(cè)事件 后注冊(cè)的事件 先執(zhí)行
上面的例子會(huì)彈出 C B A
還有一點(diǎn):這個(gè)辦法只能在IE下用 (window.attachEvent)
相關(guān)文章
JavaScript字符串對(duì)象toUpperCase方法入門實(shí)例（用于把字母轉(zhuǎn)換為大寫）
這篇文章主要介紹了JavaScript字符串對(duì)象toUpperCase方法入門實(shí)例,toUpperCase方法用于把字母轉(zhuǎn)換為大寫,需要的朋友可以參考下2014-10-10
Javascript 垃圾收集機(jī)制介紹理解，需要的朋友可以參考一下2013-05-05
這篇文章主要介紹了javascript模擬訂火車票和退票示例,需要的朋友可以參考下2014-04-04
JavaScript字符串對(duì)象replace方法實(shí)例（用于字符串替換或正則替換）
這篇文章主要介紹了JavaScript字符串對(duì)象replace方法實(shí)例,replace方法用于字符串替換,同時(shí)支持正則表達(dá)式替換,需要的朋友可以參考下2014-10-10
這篇文章主要介紹了JavaScript的代碼編寫格式規(guī)范指南,文中所分享的一些細(xì)節(jié)基本上也是各大js代碼格式化插件所默認(rèn)約定俗成的,需要的朋友可以參考下2015-12-12
JavaScript中switch判斷容易犯錯(cuò)的一個(gè)細(xì)節(jié)
這篇文章主要介紹了JavaScript中switch判斷容易犯錯(cuò)的一個(gè)細(xì)節(jié),簡(jiǎn)單說(shuō)就是字符串和數(shù)字的差別,看完本文會(huì)有一個(gè)清晰的認(rèn)知,需要的朋友可以參考下2014-08-08
JavaScript 鏈?zhǔn)浇Y(jié)構(gòu)序列化詳解
這篇文章主要介紹了JavaScript 鏈?zhǔn)浇Y(jié)構(gòu)序列化詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要為大家詳細(xì)介紹了Javascript的ES5,ES6的7種繼承，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02
JavaScript中的setUTCDate()方法使用詳解
這篇文章主要介紹了JavaScript中的setUTCDate()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
Javascript基礎(chǔ)教程之定義和調(diào)用函數(shù)
這篇文章主要介紹了Javascript基礎(chǔ)教程之定義和調(diào)用函數(shù)的相關(guān)資料,需要的朋友可以參考下2015-01-01