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 相关文章推荐
dropdownlist之间的互相联动实现(显示与隐藏)
Nov 24 Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 Javascript
javascript实现类似百度分享功能的方法
Jul 27 Javascript
Bootstrap精简教程
Nov 27 Javascript
javascript之Array 数组对象详解
Jun 07 Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 Javascript
jQuery增加、删除及修改select option的方法
Aug 19 Javascript
es6基础学习之解构赋值
Dec 10 Javascript
koa-router路由参数和前端路由的结合详解
May 19 Javascript
node.js处理前端提交的GET请求
Aug 30 Javascript
JavaScript对象字面量和构造函数原理与用法详解
Apr 18 Javascript
vue-router为激活的路由设置样式操作
Jul 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
50个PHP程序性能优化的方法
2014/06/02 PHP
Thinkphp集成抖音SDK的实现方法
2020/04/28 PHP
jquery ui dialog里调用datepicker的问题
2009/08/06 Javascript
js控制的回到页面顶端goTop的代码实现
2013/03/20 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
2015/03/04 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
2016/12/12 Javascript
Vue项目中引入外部文件的方法(css、js、less)
2017/07/24 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
2017/09/04 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
微信小程序中weui用法解析
2019/10/21 Javascript
JavaScript交换两个变量方法实例
2019/11/25 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
[01:02:18]VGJ.S vs infamous Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
Python多线程编程简单介绍
2015/04/13 Python
python实现中文输出的两种方法
2015/05/09 Python
pycharm+django创建一个搜索网页实例代码
2018/01/24 Python
python的dataframe和matrix的互换方法
2018/04/11 Python
python pyheatmap包绘制热力图
2018/11/09 Python
python实现诗歌游戏(类继承)
2019/02/26 Python
Python3.5基础之NumPy模块的使用图文与实例详解
2019/04/24 Python
python实现交并比IOU教程
2020/04/16 Python
css3实例教程 一款纯css3实现的发光屏幕旋转特效
2014/12/07 HTML / CSS
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
澳大利亚在线购买儿童玩具:Toy Universe
2017/12/28 全球购物
怎么写自荐书范文
2014/02/12 职场文书
普通话宣传标语
2014/06/26 职场文书
社区文艺活动方案
2014/08/19 职场文书
卫生厅领导班子党的群众路线教育实践活动整改措施
2014/09/20 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
幼儿园门卫安全责任书
2015/05/08 职场文书
具结保证书范本
2015/05/11 职场文书
个人求职意向书
2015/05/11 职场文书
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers
MySQL 计算连续登录天数
2022/05/11 MySQL
Oracle查看表空间使用率以及爆满解决方案详解
2022/07/23 Oracle