JavaScript中OnLoad幾種使用方法

時間 2019-11-12

標籤 javascript onload 幾種使用方法欄目 JavaScript 简体版

原文原文鏈接

在前幾個項目的開發中遇到onload使用的幾種情形

1. 能夠在Body 裏面執行
<body onload="alert(123)"></body>
2. 先定義好在頁面加載完成後使用 javascript

複製代碼代碼以下:

 
<script type="text/javascript">  
 
function test(){  
 
var aa = "嘻嘻,你個大豬豬";  
 
alert(aa);  
 
}  
 
window.onload = test;  
 
</script>

註解: 這裏的window.onload = test; 不要在test後面加() 由於這是在給事件關聯觸發的方法
若是加() 會馬上引起這個方法的執行(這可能不是咱們的本意)
3. 使用匿名函數
<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 註冊事件後註冊的事件先執行
上面的例子會彈出 C B A
還有一點:這個辦法只能在IE下用 (window.attachEvent)java

相關標籤/搜索