JavaScript中OnLoad幾種使用方法
更新時間：2012年12月15日 16:20:49 作者：
在前幾個項目的開發(fā)中遇到onload使用的幾種情形,接下來詳細(xì)介紹下
在前幾個項目的開發(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. 先定義好 在頁面加載完成后使用
復(fù)制代碼 代碼如下:
<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運(yùn)行時庫屬性,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了javascript this詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-09-09
下面小編就為大家?guī)硪黄獪\談js基本數(shù)據(jù)類型和typeof。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
Javascript學(xué)習(xí)筆記一 之 數(shù)據(jù)類型
在接觸每一門編程語言之前，首先明白我們程序設(shè)計要處理的是數(shù)據(jù)，而數(shù)據(jù)又用數(shù)據(jù)類型將其區(qū)分。2010-12-12
這篇文章主要介紹了javascript實現(xiàn)存儲hmtl字符串示例,需要的朋友可以參考下2014-04-04
讓ie運(yùn)行js時提示允許阻止內(nèi)容運(yùn)行的解決方法
這個問題一般是因為網(wǎng)頁中使用了一些js代碼，而ie的默認(rèn)安全級別過高導(dǎo)致運(yùn)行js時需要經(jīng)過準(zhǔn)許才可以。下面是IE的設(shè)置方法。2010-10-10
下面小編就為大家?guī)硪黄獪\析js綁定事件的常用方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
JavaScript正則表達(dá)式中的ignoreCase屬性使用詳解
這篇文章主要介紹了JavaScript正則表達(dá)式中的ignoreCase屬性使用詳解,是JS學(xué)習(xí)進(jìn)階中的重要知識點,需要的朋友可以參考下2015-06-06
Underscore一個JavaScript實用庫,提供了一整套函數(shù)式編程的實用功能,但是沒有擴(kuò)展任何JavaScript內(nèi)置對象,本文就翻譯了它的源代碼中的注釋,需要的朋友可以參考下2015-06-06
js的函數(shù)調(diào)用會免費(fèi)奉送兩個而外的參數(shù)就是 this 和 arguments,我們所知道的應(yīng)該有4中調(diào)用方式吧，接下來將為您詳細(xì)介紹，感興趣的朋友可以參考下2012-12-12