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 相关文章推荐
JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探
Jan 22 Javascript
jquery 1.4.2发布!主要是性能与API
Feb 25 Javascript
Javascript的setTimeout()使用闭包特性时需要注意的问题
Sep 23 Javascript
浅谈Javascript中的Label语句
Dec 14 Javascript
jQuery延迟执行的实现方法
Dec 21 Javascript
canvas实现钟表效果
Feb 13 Javascript
jQuery ajax读取本地json文件的实例
Oct 31 jQuery
JavaScript函数绑定用法实例分析
Nov 14 Javascript
详解webpack require.ensure与require AMD的区别
Dec 13 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
selenium+java中用js来完成日期的修改
Oct 31 Javascript
node 版本切换的实现
Feb 02 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
《心理测量者3》剧场版动画预告
2020/03/02 日漫
PHP获取ip对应地区和使用网络类型的方法
2015/03/11 PHP
php可扩展的验证类实例(可对邮件、手机号、URL等验证)
2015/07/09 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
ajaxControlToolkit AutoCompleteExtender的用法
2008/10/30 Javascript
对象特征检测法判断浏览器对javascript对象的支持
2009/07/25 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
JavaScript使用RegExp进行正则匹配的方法
2015/07/11 Javascript
jquery实现超简洁的TAB选项卡效果代码
2015/08/28 Javascript
Javascript页面跳转常见实现方式汇总
2015/11/28 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
jQuery图片轮播插件——前端开发必看
2016/05/31 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
2016/10/13 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
2017/02/22 Javascript
JS实现unicode和UTF-8之间的互相转换互转
2017/07/05 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
2017/12/20 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
webpack打包html里面img后src为“[object Module]”问题
2019/12/22 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
重命名批处理python脚本
2013/04/05 Python
基于python中theano库的线性回归
2018/08/31 Python
对Python3 goto 语句的使用方法详解
2019/02/16 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
详解Python并发编程之创建多线程的几种方法
2019/08/23 Python
Python爬虫中Selenium实现文件上传
2020/12/04 Python
Under Armour西班牙官网:美国知名的高端功能性运动品牌
2018/12/12 全球购物
用JAVA SOCKET编程,读服务器几个字符,再写入本地显示
2012/11/25 面试题
做一个有道德的人活动方案
2014/08/25 职场文书
社区党支部公开承诺书
2015/04/29 职场文书
婚宴父母致辞
2015/07/27 职场文书
高中班长竞选稿
2015/11/20 职场文书
ssh服务器拒绝了密码 请再试一次已解决(亲测有效)
2022/08/14 Servers