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