JavaScript中OnLoad几种使用方法

336 阅读 0 评论 222 点赞

我是靠谱客的博主小巧招牌，最近开发中收集的这篇文章主要介绍JavaScript中OnLoad几种使用方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在前几个项目的开发中遇到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)