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 相关文章推荐
node.js中的fs.statSync方法使用说明
Dec 16 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
Aug 11 Javascript
javascript省市级联功能实现方法实例详解
Oct 20 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
Sep 01 Javascript
JS实现的自定义显示加载等待图片插件(loading.gif)
Jun 17 Javascript
从零学习node.js之搭建http服务器(二)
Feb 21 Javascript
js精确的加减乘除实例
Nov 14 Javascript
AngularJS自定义表单验证功能实例详解
Aug 24 Javascript
JavaScript遍历查找数组中最大值与最小值的方法示例
May 24 Javascript
微信小程序实现限制用户转发功能的实例代码
Feb 22 Javascript
jquery轮播图插件使用方法详解
Jul 31 jQuery
对vue生命周期的深入理解
Dec 03 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 $_FILES函数详解
2011/03/09 PHP
php实现二进制和文本相互转换的方法
2015/04/18 PHP
PHP中两个float(浮点数)比较实例分析
2015/09/27 PHP
PHP 输出缓冲控制(Output Control)详解
2016/08/25 PHP
DHTML 中的绝对定位
2006/11/26 Javascript
菜鸟javascript基础整理1
2010/12/06 Javascript
js选取多个或单个元素的实现代码(用class)
2012/08/22 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
2012/09/14 Javascript
jquery animate实现鼠标放上去显示离开隐藏效果
2013/07/21 Javascript
JS实现匀速运动的代码实例
2013/11/29 Javascript
JavaScript学习笔记之JS函数
2015/01/22 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
2016/08/24 Javascript
js改变html的原有内容实现方法
2016/10/05 Javascript
jQuery实现元素的插入
2017/02/27 Javascript
使用Fullpage插件快速开发整屏翻页的页面
2017/09/13 Javascript
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
vue生命周期的探索
2019/04/03 Javascript
nodejs读取图片返回给浏览器显示
2019/07/25 NodeJs
关于JS模块化的知识点分享
2019/10/16 Javascript
vue 中几种传值方法(3种)
2019/11/12 Javascript
Python命令行解析模块详解
2018/02/01 Python
教你使用python实现微信每天给女朋友说晚安
2018/03/23 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
python学生管理系统
2019/01/30 Python
Python+appium框架原生代码实现App自动化测试详解
2020/03/06 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
英国建筑用品在线:Building Supplies Online(BSO)
2018/04/30 全球购物
高中毕业自我鉴定
2013/12/16 职场文书
《陈涉世家》教学反思
2014/04/12 职场文书
优秀班主任经验交流材料
2014/06/02 职场文书
社会体育专业大学生职业生涯规划书
2014/09/17 职场文书
小学生2014国庆节演讲稿:祖国在我心中
2014/09/21 职场文书
党员评议思想汇报
2014/10/08 职场文书
乡镇团代会开幕词
2016/03/04 职场文书
《帝国时代4》赛季预告 新增内容编译器可创造地图
2022/04/03 其他游戏
Docker容器harbor私有仓库部署和管理
2022/08/05 Servers