JavaScript中OnLoad几种使用方法


Posted in Javascript onDecember 15, 2012

在前几个项目的开发中 遇到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)
Javascript 相关文章推荐
利用javascript的面向对象的特性实现限制试用期
Aug 04 Javascript
javascript克隆对象深度介绍
Nov 20 Javascript
javaScript arguments 对象使用介绍
Oct 18 Javascript
JavaScript中数组Array方法详解
Feb 27 Javascript
discuz表情的JS提取方法分析
Mar 22 Javascript
vue router2.0二级路由的简单使用
Jul 05 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
Aug 23 Javascript
react-native-fs实现文件下载、文本存储的示例代码
Sep 22 Javascript
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
详解vue-router 初始化时做了什么
Jun 11 Javascript
js实现简单页面全屏
Sep 17 Javascript
vue3.0 的 Composition API 的使用示例
Oct 26 Javascript
Javascript中自动切换焦点实现代码
Dec 15 #Javascript
treepanel动态加载数据实现代码
Dec 15 #Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 #Javascript
javascript错误的认识不用关心内存管理
Dec 15 #Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
Dec 15 #Javascript
Jquery 选中表格一列并对表格排序实现原理
Dec 15 #Javascript
js 操作select和option常用代码整理
Dec 13 #Javascript
You might like
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
Zend Framework生成验证码并实现验证码验证功能(附demo源码下载)
2016/03/22 PHP
PHP学习笔记之php文件操作
2016/06/03 PHP
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
2011/01/27 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
2011/11/30 Javascript
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
在JavaScript并非所有的一切都是对象
2013/04/11 Javascript
调用jQuery滑出效果时闪烁的解决方法
2014/03/27 Javascript
如何正确使用Nodejs 的 c++ module 链接到 OpenSSL
2014/08/03 NodeJs
JS组件系列之使用HTML标签的data属性初始化JS组件
2016/09/14 Javascript
vue分类筛选filter方法简单实例
2017/03/30 Javascript
ES6中Set和Map数据结构,Map与其它数据结构互相转换操作实例详解
2019/02/28 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
[48:41]VP vs VG Supermajor小组赛 B组胜者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
python使用rabbitmq实现网络爬虫示例
2014/02/20 Python
Python3导入CSV文件的实例(跟Python2有些许的不同)
2018/06/22 Python
pyqt5 使用cv2 显示图片,摄像头的实例
2019/06/27 Python
Django 实现Admin自动填充当前用户的示例代码
2019/11/18 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
Python Tensor FLow简单使用方法实例详解
2020/01/14 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
Selenium alert 弹窗处理的示例代码
2020/08/06 Python
Python如何发送与接收大型数组
2020/08/07 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
ToysRus日本官网:玩具反斗城
2018/09/08 全球购物
递归计算如下递归函数的值(斐波拉契)
2012/02/04 面试题
SQL Server里面什么样的视图才能创建索引
2015/04/17 面试题
硕士研究生自我鉴定
2013/11/08 职场文书
会计实习生自我鉴定
2013/12/12 职场文书
高中军训感言500字
2014/02/24 职场文书
雏鹰争章活动总结
2014/05/09 职场文书
业务内勤岗位职责
2015/04/13 职场文书
2015年房产经纪人工作总结
2015/05/15 职场文书
python实现图片九宫格分割的示例
2021/04/25 Python