提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JavaScript中OnLoad几种使用方法

JavaScript方法 使用 几种 onLoad
2023-06-13 09:14:42 时间
在前几个项目的开发中遇到onload使用的几种情形

1.可以在Body里面执行
<bodyonload="alert(123)"></body>
2.先定义好在页面加载完成后使用
复制代码代码如下:

<scripttype="text/javascript">
functiontest(){
varaa="嘻嘻,你个大猪猪";
alert(aa);
}
window.onload=test;
</script>

注解:这里的window.onload=test;不要在test后面加()因为这是在给事件关联触发的方法
如果加()会立刻引发这个方法的执行(这可能不是我们的本意)
3.使用匿名函数
<script>window.onload=function(){alert(321);}</script>
4.JS中onload多个事件该怎么写？
<1><bodyonload="aa();bb();cc()">用分号隔开就可以了
<2>
window.attachEvent("onload",function(){alert("a")});
window.attachEvent("onload",function(){alert("b")});
window.attachEvent("onload",function(){alert("c")});
注解:使用attachEvent注册事件后注册的事件先执行
上面的例子会弹出CBA
还有一点:这个办法只能在IE下用(window.attachEvent)

相关文章