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实现无刷新更新数据的详细步骤 asp
Dec 26 Javascript
高效的获取当前元素是父元素的第几个子元素
Oct 15 Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 Javascript
举例详解AngularJS中ngShow和ngHide的使用方法
Jun 19 Javascript
深入理解jQuery 事件处理
Jun 14 Javascript
非常优秀的JS图片轮播插件Swiper的用法
Jan 03 Javascript
超简单的Vue.js环境搭建教程
Mar 17 Javascript
浅谈Node 调试工具入门教程
Mar 20 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
Jul 16 Javascript
layui中table表头样式修改方法
Aug 15 Javascript
微信小程序人脸识别功能代码实例
May 07 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
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
农民C键的运用技巧
2020/03/04 星际争霸
法压式咖啡之制作法
2021/03/03 冲泡冲煮
PHP 导出数据到淘宝助手CSV的方法分享
2010/02/27 PHP
PHP从零开始打造自己的MVC框架之类的自动加载实现方法详解
2019/06/03 PHP
Laravel5.5 实现后台管理登录的方法(自定义用户表登录)
2019/09/30 PHP
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
判断一个对象是否为jquery对象的方法
2014/03/12 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
2014/11/28 Javascript
JavaScript插件化开发教程(五)
2015/02/01 Javascript
jquery实现无刷新验证码的简单实例
2016/05/19 Javascript
JavaScript实现Java中Map容器的方法
2016/10/09 Javascript
解决Vue不能检测数组或对象变动的问题
2018/02/24 Javascript
Vue实现移动端页面切换效果【推荐】
2018/11/13 Javascript
浅析vue cli3 封装Svgicon组件正确姿势(推荐)
2020/04/27 Javascript
js 将多个对象合并成一个对象 assign方法的实现
2020/09/24 Javascript
jquery实现异步文件上传ajaxfileupload.js
2020/10/23 jQuery
用python + openpyxl处理excel2007文档思路以及心得
2014/07/14 Python
python中的五种异常处理机制介绍
2014/09/02 Python
python选择排序算法实例总结
2015/07/01 Python
python实现网站的模拟登录
2016/01/04 Python
python生成n个元素的全组合方法
2018/11/13 Python
python列表list保留顺序去重的实例
2018/12/14 Python
python 读取更新中的log 或其它文本方式
2019/12/24 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
Python常用类型转换实现代码实例
2020/07/28 Python
python 高阶函数简单介绍
2021/02/19 Python
需要知道的CSS3动画技术
2010/01/01 HTML / CSS
俄罗斯极限运动网上商店:Board Shop №1
2020/12/18 全球购物
经济系大学生求职信
2013/10/01 职场文书
机械设计职业生涯规划书
2013/12/27 职场文书
招聘专员岗位职责
2014/03/07 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
一般纳税人申请报告
2015/05/18 职场文书
让子弹飞观后感
2015/06/11 职场文书
JavaScript原始值与包装对象的详细介绍
2021/05/11 Javascript
python在package下继续嵌套一个package
2022/04/14 Python