JavaScript中OnLoad幾種使用方法

2024-05-06 14:20:26

字體：大中小

來源：轉載

供稿：網友

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

1. 可以在Body 里面執行
<body onload="alert(123)"></body>
2. 先定義好在頁面加載完成后使用
代碼如下:
<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)

上一篇：javascript中判斷一個值是否在數組中并沒有直接使用

下一篇：TextArea設置MaxLength屬性最大輸入值的js代碼