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 相关文章推荐
js动态设置div的值下例子
Oct 29 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 Javascript
将数字转换成大写的人民币表达式的js函数
Sep 21 Javascript
AngularJS Ajax详解及示例代码
Aug 17 Javascript
jQuery simpleModal插件的使用介绍
Aug 30 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
网页瀑布流布局jQuery实现代码
Oct 21 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
javascript回调函数的概念理解与用法分析
May 27 Javascript
webpack 样式加载的实现原理
Jun 12 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
Apr 22 Javascript
Vue图片裁剪组件实例代码
Jul 02 Vue.js
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
PHP入门
2006/10/09 PHP
php函数的常用方法及注意之处小结
2011/07/10 PHP
使用php计算排列组合的方法
2013/11/13 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
2012/07/31 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
2012/12/10 Javascript
jquery DIV撑大让滚动条滚到最底部代码
2013/06/06 Javascript
可自己添加html的伪弹出框实现代码
2013/09/08 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
jQuery实现移动端手机商城购物车功能
2016/09/24 Javascript
JSONP跨域请求
2017/03/02 Javascript
JS分页的实现(同步与异步)
2017/09/16 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
微信小程序实现即时通信聊天功能的实例代码
2018/08/17 Javascript
Vue实现按钮级权限方案
2019/11/21 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
2020/05/29 jQuery
[00:03]DOTA2新版本PA至宝展示
2014/11/19 DOTA
[01:16:50]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第一场 3月7日
2021/03/11 DOTA
tensorflow实现逻辑回归模型
2018/09/08 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
python实现打砖块游戏
2020/02/25 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
python基于selenium爬取斗鱼弹幕
2021/02/20 Python
Carter’s OshKosh加拿大:购买婴幼儿服装和童装
2018/11/27 全球购物
港湾网络笔试题
2014/04/19 面试题
人力资源部副职的竞聘演讲稿
2014/01/07 职场文书
国贸专业的职业规划范文
2014/01/23 职场文书
求职信需要的五点内容
2014/02/01 职场文书
大二学习计划书范文
2014/04/27 职场文书
初中优秀学生评语
2014/12/29 职场文书
正规借条模板
2015/05/26 职场文书
红十字会救护培训简讯
2015/07/20 职场文书
2015初中教导处工作总结
2015/07/21 职场文书
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android
Hive HQL支持2种查询语句风格
2022/06/25 数据库