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