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 相关文章推荐
ASP SQL防注入的方法
Dec 25 Javascript
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
May 08 Javascript
js 异步操作回调函数如何控制执行顺序
Dec 24 Javascript
js showModalDialog参数的使用详解
Jan 07 Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 Javascript
javascript实现鼠标放上后下边对应内容变换的效果
Aug 06 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
Aug 09 Javascript
Vue 2.X的状态管理vuex记录详解
Mar 23 Javascript
浅谈如何使用 webpack 优化资源
Oct 20 Javascript
Servlet3.0与纯javascript通过Ajax交互的实例详解
Mar 18 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
three.js搭建室内场景教程
Dec 30 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
咖啡磨器 如何选购一台适合家用的意式磨豆机
2021/03/05 新手入门
PHP+MYSQL的文章管理系统(一)
2006/10/09 PHP
php+javascript的日历控件
2009/11/19 PHP
基于php中使用excel的简单介绍
2013/08/02 PHP
php使用MySQL保存session会话的方法
2015/06/26 PHP
thinkphp分页实现效果
2016/10/13 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
权威JavaScript 中的内存泄露模式
2007/08/13 Javascript
用js实现计算代码行数的简单方法附代码
2007/08/13 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
Vue中使用sass实现换肤功能
2018/09/07 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
2019/03/19 jQuery
Vue中的nextTick作用和几个简单的使用场景
2021/01/25 Vue.js
[52:02]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第二场 2月26日
2021/03/11 DOTA
Python多进程multiprocessing用法实例分析
2017/08/18 Python
python中如何使用正则表达式的集合字符示例
2017/10/09 Python
解决安装pycharm后不能执行python脚本的问题
2019/01/19 Python
python将邻接矩阵输出成图的实现
2019/11/21 Python
利用matplotlib为图片上添加触发事件进行交互
2020/04/23 Python
Python如何对齐字符串
2020/07/30 Python
python 进程池pool使用详解
2020/10/15 Python
python 基于pygame实现俄罗斯方块
2021/03/02 Python
使用HTML5的表单验证的简单示例
2015/09/09 HTML / CSS
英国最大的宠物食品和宠物用品网上零售商: Zooplus
2016/08/01 全球购物
挪威手表购物网站:Klokker
2016/09/19 全球购物
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
《盲人摸象》教学反思
2014/02/16 职场文书
ktv总经理岗位职责
2014/02/17 职场文书
老师的检讨书
2014/02/23 职场文书
《自己的花是让别人看的》教学反思
2016/02/19 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL
关于HTML编码导致的乱码问题
2021/09/04 HTML / CSS
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python