JavaScript中OnLoad几种使用方法
更新时间：2012年12月15日 16:20:49 作者：
在前几个项目的开发中遇到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)
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字符串对象toUpperCase方法入门实例（用于把字母转换为大写）
这篇文章主要介绍了JavaScript字符串对象toUpperCase方法入门实例,toUpperCase方法用于把字母转换为大写,需要的朋友可以参考下2014-10-10
Javascript 垃圾收集机制介绍理解，需要的朋友可以参考一下2013-05-05
这篇文章主要介绍了javascript模拟订火车票和退票示例,需要的朋友可以参考下2014-04-04
JavaScript字符串对象replace方法实例（用于字符串替换或正则替换）
这篇文章主要介绍了JavaScript字符串对象replace方法实例,replace方法用于字符串替换,同时支持正则表达式替换,需要的朋友可以参考下2014-10-10
这篇文章主要介绍了JavaScript的代码编写格式规范指南,文中所分享的一些细节基本上也是各大js代码格式化插件所默认约定俗成的,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了JavaScript中switch判断容易犯错的一个细节,简单说就是字符串和数字的差别,看完本文会有一个清晰的认知,需要的朋友可以参考下2014-08-08
这篇文章主要介绍了JavaScript 链式结构序列化详解的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要为大家详细介绍了Javascript的ES5,ES6的7种继承，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
JavaScript中的setUTCDate()方法使用详解
这篇文章主要介绍了JavaScript中的setUTCDate()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了Javascript基础教程之定义和调用函数的相关资料,需要的朋友可以参考下2015-01-01
最新评论