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 写的一个简单的timer
Jul 30 Javascript
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
Nov 16 Javascript
javascript 获取函数形参个数
Jul 31 Javascript
JavaScript中Date对象的常用方法示例
Oct 24 Javascript
jQuery siblings()用法实例详解
Apr 26 Javascript
artDialog+plupload实现多文件上传
Jul 19 Javascript
Vue.js tab实现选项卡切换
May 16 Javascript
基于zTree树形菜单的使用实例
Dec 25 Javascript
Vue-不允许嵌套式的渲染方法
Sep 13 Javascript
node错误处理与日志记录的实现
Dec 24 Javascript
layui table设置某一行的字体颜色方法
Sep 05 Javascript
Vue项目中使用mock.js的完整步骤
Jan 12 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
深入apache host的配置详解
2013/06/09 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
关于php 高并发解决的一点思路
2017/04/16 PHP
Yii框架响应组件用法实例分析
2019/09/04 PHP
js 绑定带参数的事件以及手动触发事件
2010/04/27 Javascript
js 全兼容可高亮二级缓冲折叠菜单
2010/06/04 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
JavaScript中json使用自己总结
2013/08/13 Javascript
jQuery 实现侧边浮动导航菜单效果
2014/12/26 Javascript
基于javascript制作微信聊天面板
2020/08/09 Javascript
JS组件Bootstrap Table使用实例分享
2016/05/30 Javascript
详解Angular4 路由设置相关
2017/08/26 Javascript
webpack配置之后端渲染详解
2017/10/26 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
小程序点击图片实现png转jpg
2019/10/22 Javascript
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
python的slice notation的特殊用法详解
2019/12/27 Python
Python编程快速上手——选择性拷贝操作案例分析
2020/02/28 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
澳大利亚领先的折扣药房:Chemist Direct(有中文站)
2018/11/24 全球购物
董事长秘书岗位职责
2013/11/29 职场文书
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
军训自我鉴定范文
2014/02/13 职场文书
2014年安全生产责任书
2014/07/22 职场文书
2014银行领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
教师四风自我剖析材料
2014/09/30 职场文书
2014年初三班主任工作总结
2014/12/05 职场文书
2019年年中工作总结讲话稿模板
2019/03/25 职场文书
解析mybatis-plus中的resultMap简单使用
2021/11/23 Java/Android
MySQL七大JOIN的具体使用
2022/02/28 MySQL