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 相关文章推荐
一个用js实现控制台控件的代码
Sep 04 Javascript
2010年最佳jQuery插件整理
Dec 06 Javascript
JavaScript的递归之递归与循环示例介绍
Aug 05 Javascript
jquery实现网页查找功能示例分享
Feb 12 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
vue的Virtual Dom实现snabbdom解密
May 03 Javascript
BootStrap表单时间选择器详解
May 09 Javascript
Angular.js指令学习中一些重要属性的用法教程
May 24 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
May 22 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
Apr 19 Javascript
JavaScript 中for/of,for/in 的详细介绍
Nov 17 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
PHP_Flame(Version:Progress)的原代码
2006/10/09 PHP
php解决约瑟夫环示例
2014/04/09 PHP
php提交表单发送邮件的方法
2015/03/20 PHP
PHP下的浮点运算不准的解决方法
2016/10/27 PHP
Yii2.0实现的批量更新及批量插入功能示例
2019/01/29 PHP
php原生数据库分页的代码实例
2019/02/18 PHP
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
javascript两种function的定义介绍及区别说明
2013/05/02 Javascript
Js注册协议倒计时的小例子
2013/06/24 Javascript
js获取字符串最后一位方法汇总
2014/11/13 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
Angularjs使用directive自定义指令实现attribute继承的方法详解
2016/08/05 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
利用JavaScript实现栈的数据结构示例代码
2017/08/02 Javascript
对于Javascript 执行上下文的全面了解
2017/09/05 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
js实现简单音乐播放器
2020/06/30 Javascript
Python入门篇之文件
2014/10/20 Python
基于Python实现的百度贴吧网络爬虫实例
2015/04/17 Python
python设计模式大全
2016/06/27 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
Python实现读取txt文件并转换为excel的方法示例
2018/05/17 Python
Python使用tkinter库实现文本显示用户输入功能示例
2018/05/30 Python
在Python 中同一个类两个函数间变量的调用方法
2019/01/31 Python
django框架模板中定义变量(set variable in django template)的方法分析
2019/06/24 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
世界上最大的网络主机公司:1&1
2016/10/12 全球购物
绢花、人造花和人造花卉:BLOOM
2019/08/07 全球购物
使用索引有什么好处
2016/07/27 面试题
九一八事变纪念日演讲稿
2014/09/14 职场文书
2014年重阳节老干部座谈会上的讲话稿
2014/09/25 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
2014年医院个人工作总结
2014/12/09 职场文书
导游词之天津盘山
2019/11/01 职场文书
ThinkPHP5和ThinkPHP6的区别
2021/03/31 PHP