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 相关文章推荐
ECMAScript 创建自己的js类库
Nov 22 Javascript
jquery 淡入淡出效果的简单实现
Feb 07 Javascript
JS获取随机数函数可自定义最小值最大值
May 08 Javascript
详解JavaScript的表达式与运算符
Nov 30 Javascript
jquery分隔Url的param方法(推荐)
May 25 Javascript
Vue.JS入门教程之事件监听
Dec 01 Javascript
Angular 4.x中表单Reactive Forms详解
Apr 25 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
Jul 21 Javascript
express+mockjs实现模拟后台数据发送功能
Jan 07 Javascript
vue.js 实现图片本地预览 裁剪 压缩 上传功能
Mar 01 Javascript
微信小程序tabBar设置实例解析
Nov 14 Javascript
Vuex实现简单购物车
Jan 10 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中判断一个请求是ajax请求还是普通请求的方法
2011/06/28 PHP
基于php权限分配的实现代码
2013/04/28 PHP
PHP 常用数组内部函数(Array Functions)介绍
2013/06/05 PHP
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
PHP简单实现“相关文章推荐”功能的方法
2014/07/19 PHP
PHP数据库连接mysql与mysqli对比分析
2016/01/04 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
javascript中onmouse事件在div中失效问题的解决方法
2012/01/09 Javascript
jquery 提交值不为空的元素示例代码
2013/05/10 Javascript
js函数排序的实例代码
2013/07/01 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
2016/05/07 Javascript
JavaScript6 let 新语法优势介绍
2016/07/15 Javascript
浅谈javascript alert和confirm的美化
2016/12/15 Javascript
Vue.js用法详解
2017/11/13 Javascript
nodejs实现套接字服务功能详解
2018/06/21 NodeJs
浅谈layer弹出层按钮颜色修改方法
2019/09/11 Javascript
[01:03:00]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第一局
2016/02/25 DOTA
Python3中的真除和Floor除法用法分析
2016/03/16 Python
在Python中使用AOP实现Redis缓存示例
2017/07/11 Python
基于python的图片修复程序(实现水印去除)
2018/06/04 Python
Python内置random模块生成随机数的方法
2019/05/31 Python
使用python模拟高斯分布例子
2019/12/09 Python
Python实现微信好友的数据分析
2019/12/16 Python
在python中修改.properties文件的操作
2020/04/08 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
基于Python爬取搜狐证券股票过程解析
2020/11/18 Python
VC++笔试题
2014/10/13 面试题
小学教师的个人自我鉴定
2013/10/26 职场文书
投资协议书范本
2014/04/21 职场文书
关于青春的演讲稿500字
2014/08/22 职场文书
三严三实民主生活会发言稿
2014/10/13 职场文书
护理专业自我评价
2015/03/11 职场文书
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript
SQL Server使用导出向导功能
2022/04/08 SQL Server
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers