JavaScript中OnLoad几种使用方法,onload 后面执行的函数不能加括号 加了就立即执行。
2015-09-17 21:53
776 查看
在前几个项目的开发中 遇到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 UI lib
- 用markdown.js解析markdown时,设置图片大小
- BOX2D.JS如何显示物体图片
- js中继承方式总结
- JavaScript字符串数值比较问题
- threejs 加载stl 或 obj 模型的代码模板
- 对js中的Date扩展,格式化日期
- javascript中的数据比较逻辑等
- ES6详解三:class
- JSP四大作用域
- json
- js内存泄露的几种情况详细探讨
- js内存泄露的几种情况详细探讨
- jsp标签和el表达式
- js 面向对象
- jsp
- javaScript简单实例:实现一个简易计算器
- jsp内置对象
- JS插件之——ztree
- javascript事件