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高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
event对象获取方法总结在google浏览器下测试
Nov 03 Javascript
js中精确计算加法和减法示例
Mar 28 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
Nov 30 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
jQuery监听浏览器窗口大小的变化实例
Feb 07 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
Sep 03 Javascript
JS中判断字符串存在和非空的方法
Sep 12 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
Nov 13 Javascript
Preload基础使用方法详解
Feb 03 Javascript
JS快速实现简单计算器
Apr 08 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缓存类分享     php缓存机制
2014/01/22 PHP
PHP中常用的转义函数
2014/02/28 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
PHP自定义函数获取汉字首字母的方法
2016/12/01 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
Javascript实现滑块滑动改变值的实现代码
2013/04/12 Javascript
Firefox下无法正常显示年份的解决方法
2014/09/04 Javascript
使用JavaScript和C#中获得referer
2014/11/14 Javascript
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
2015/12/31 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
jquery Form轻松实现文件上传
2017/05/24 jQuery
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
javascript中的replace函数(带注释demo)
2018/01/07 Javascript
详解vue表单——小白速看
2018/04/08 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
微信小程序获取用户openid的实现
2018/12/24 Javascript
js事件触发操作实例分析
2019/06/21 Javascript
微信小程序引入Vant组件库过程解析
2019/08/06 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
Python实例分享:快速查找出被挂马的文件
2014/06/08 Python
Python列表生成器的循环技巧分享
2015/03/06 Python
Python实现将不规范的英文名字首字母大写
2016/11/15 Python
Python中用psycopg2模块操作PostgreSQL方法
2017/11/28 Python
Python使用matplotlib填充图形指定区域代码示例
2018/01/16 Python
从django的中间件直接返回请求的方法
2018/05/30 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
html5 冒号分隔符对齐的实现
2019/07/31 HTML / CSS
俄罗斯购买自行车网站:Vamvelosiped
2021/01/29 全球购物
教师年终个人总结
2015/02/11 职场文书
会计做账心得体会
2016/01/22 职场文书
golang fmt格式“占位符”的实例用法详解
2021/07/04 Golang
Python+Matplotlib图像上指定坐标的位置添加文本标签与注释
2022/04/11 Python
详解Spring Security如何在权限中使用通配符
2022/06/28 Java/Android