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的一些看法
May 27 Javascript
五个jQuery图片画廊插件 推荐
May 12 Javascript
raphael.js绘制中国地图 地图绘制方法
Feb 12 Javascript
Angularjs制作简单的路由功能demo
Apr 14 Javascript
jQuery实现滚动切换的tab选项卡效果代码
Aug 26 Javascript
基于jquery实现表格无刷新分页
Jan 07 Javascript
js实现数组冒泡排序、快速排序原理
Mar 08 Javascript
js 实现一些跨浏览器的事件方法详解及实例
Oct 27 Javascript
jQuery编写设置和获取颜色的插件
Jan 09 Javascript
jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例
Feb 14 Javascript
激动人心的 Angular HttpClient的源码解析
Jul 10 Javascript
vue实现绑定事件的方法实例代码详解
Jun 20 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
笑谈配置,使用Smarty技术
2007/01/04 PHP
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
windows下配置apache+php+mysql时出现问题的处理方法
2014/06/20 PHP
php向js函数传参的几种方法
2014/08/10 PHP
php+mysqli使用预处理技术进行数据库查询的方法
2015/01/28 PHP
php 问卷调查结果统计
2015/10/08 PHP
php中strtotime函数性能分析
2016/11/20 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
JavaScript CSS修改学习第三章 修改样式表
2010/02/19 Javascript
javascript 数组排序函数sort和reverse使用介绍
2013/11/21 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
jQuery实现搜索页面关键字的功能
2017/02/16 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
ionic选择多张图片上传的示例代码
2017/10/10 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
js实现倒计时器自定义时间和暂停
2019/02/25 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
Python的Django框架中if标签的相关使用
2015/07/15 Python
python基础知识小结之集合
2015/11/25 Python
Python批处理删除和重命名文件夹的实例
2018/07/11 Python
在Python中使用defaultdict初始化字典以及应用方法
2018/10/31 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
2019/06/03 Python
浅析Python3 pip换源问题
2020/01/06 Python
Python递归求出列表(包括列表中的子列表)的最大值实例
2020/02/27 Python
利用CSS3 动画 绘画 圆形动态时钟
2018/03/20 HTML / CSS
使用html5 canvas创建太空游戏的示例
2014/05/08 HTML / CSS
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
M.M.LaFleur官网:美国职业女装品牌
2020/10/27 全球购物
仓管员岗位责任制
2014/02/19 职场文书
法人委托书
2014/07/31 职场文书
名人传读书笔记
2015/06/26 职场文书
MySQL中连接查询和子查询的问题
2021/09/04 MySQL