JavaScript中OnLoad几种使用方法_基础知识
程序员文章站
2022-03-14 09:17:31
...
在前几个项目的开发中 遇到onload使用的几种情形
1. 可以在Body 里面执行
2. 先定义好 在页面加载完成后使用
注解: 这里的window.onload = test; 不要在test后面加() 因为这是在给事件关联触发的方法
如果加() 会立刻引发这个方法的执行(这可能不是我们的本意)
3. 使用匿名函数
4. JS中onload多个事件该怎么写?
用分号隔开就可以了
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 里面执行
2. 先定义好 在页面加载完成后使用
复制代码 代码如下:
注解: 这里的window.onload = test; 不要在test后面加() 因为这是在给事件关联触发的方法
如果加() 会立刻引发这个方法的执行(这可能不是我们的本意)
3. 使用匿名函数
4. JS中onload多个事件该怎么写?
用分号隔开就可以了
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 中__proto__和prototype详解_基础知识
-
在javaScript中关于submit和button的区别介绍_基础知识
-
JavaScript 中的 this使用方法详解
-
javascript中的onkeyup和onkeydown区别介绍_基础知识
-
在jquery中库有几种使用方法
-
javascript中字符串的定义示例代码_基础知识
-
Javascript中的转义用法实例代码_基础知识
-
JavaScript中几种排序算法的简单实现
-
在HTML中插入JavaScript代码的示例_基础知识
-
javascript中checkbox使用方法简单实例演示_javascript技巧