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开发的日历插件
Feb 04 Javascript
javascript数据类型详解
Feb 07 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
Mar 03 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
解决vue项目中type=”file“ change事件只执行一次的问题
May 16 Javascript
详解js类型判断
May 22 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
Aug 16 Javascript
使用koa2创建web项目的方法步骤
Mar 12 Javascript
使用pkg打包ThinkJS项目的方法步骤
Dec 30 Javascript
Vue 封装防刷新考试倒计时组件的实现
Jun 05 Javascript
toString.call()通用的判断数据类型方法示例
Aug 28 Javascript
在JavaScript中查找字符串中最长单词的三种方法(推荐)
Jan 18 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
php mysql数据库操作分页类
2008/06/04 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
2013/03/19 Javascript
深入分析jquery解析json数据
2014/12/09 Javascript
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
JSON字符串转换JSONObject和JSONArray的方法
2016/06/03 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
JS实现验证码倒计时的注册页面
2018/01/02 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
javascript中join方法实例讲解
2019/02/21 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
微信小程序如何使用globalData的方法
2019/06/06 Javascript
原生js实现点击轮播切换图片
2020/02/11 Javascript
vue-socket.io跨域问题有效解决方法
2020/02/11 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
Python远程桌面协议RDPY安装使用介绍
2015/04/15 Python
Python中Continue语句的用法的举例详解
2015/05/14 Python
[原创]使用豆瓣提供的国内pypi源
2017/07/02 Python
Python读取图片为16进制表示简单代码
2018/01/19 Python
Python编程实现的简单神经网络算法示例
2018/01/26 Python
python游戏地图最短路径求解
2019/01/16 Python
Python Pexpect库的简单使用方法
2019/01/29 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
亚瑟士美国官网:ASICS美国
2017/02/01 全球购物
英国国家美术馆商店:National Gallery
2019/05/01 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
高中生职业生涯规划书
2014/02/24 职场文书
法制宣传标语集锦
2014/06/25 职场文书
国际商务专业毕业生自我鉴定2014
2014/09/27 职场文书
青年教师个人总结
2015/02/11 职场文书
星际争霸 Light vs Action 一场把教主看到鬼畜的比赛
2022/04/01 星际争霸