JavaScript中OnLoad几种使用方法

最新推荐文章于 2022-12-11 23:34:13 发布

weixin_33736649

最新推荐文章于 2022-12-11 23:34:13 发布

阅读量304

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qiuna/p/4184424.html

版权

在前几个项目的开发中遇到onload使用的几种情形

1. 可以在Body 里面执行
<body οnlοad="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 οnlοad="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)

转载于:https://www.cnblogs.com/qiuna/p/4184424.html

weixin_33736649

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中OnLoad几种使用方法

在前几个项目的开发中遇到onload使用的几种情形1. 可以在Body 里面执行<body onload="alert(123)"></body>2. 先定义好在页面加载完成后使用复制代码代码如下:<script type="text/javascript">function test(){var aa = "嘻嘻,你个大猪猪";alert...
复制链接

扫一扫