js window.onload 加载多个函数的方法


Posted in Javascript onNovember 02, 2009

用法如下:
function func(){alert("this is window onload event!");return;}
window.onload=func;
或者如下:
window.onload=function(){alert("this is window onload event!");return;}

但window.onload 不能同时加载多个函数。

比如:

function t(){ 
alert("t") 
} 
function b(){ 
alert("b") 
} 
window.onload =t ; 
window.onload =b ;

后面会把前面的覆盖,上面代码只会输出 b。
此时可用如下方法解决:

window.onload =function() { t(); b(); }

另一种解决方法如下:

function addLoadEvent(func) { 
var oldonload = window.onload; 
if (typeof window.onload != 'function') { 
window.onload = func; 
} else { 
window.onload = function() { 
oldonload(); 
func(); 
} 
} 
}

使用如下:
function t(){ 
alert("t") 
} 
function b(){ 
alert("b") 
} 
function c(){ 
alert("c") 
} 
function addLoadEvent(func) { 
var oldonload = window.onload; 
if (typeof window.onload != 'function') { 
window.onload = func; 
} else { 
window.onload = function() { 
oldonload(); 
func(); 
} 
} 
} addLoadEvent(t); 
addLoadEvent(b); 
addLoadEvent(c); 
//等价于 window.onload =function() { t(); b(); c() ;}

个人以为直接使用隐式函数(如:window.onload =function() { t(); b(); c() ;})更快捷,当然使用 addLoadEvent 更professional,各取所好吧!
Javascript 相关文章推荐
超棒的javascript页面顶部卷动广告效果
Dec 01 Javascript
Document 对象的常用方法
Jul 31 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
Apr 07 Javascript
简介JavaScript中getUTCMonth()方法的使用
Jun 10 Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 Javascript
Javascript的比较汇总
Jul 25 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
Dec 19 Javascript
Vuex 进阶之模块化组织详解
Jan 12 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
Jul 25 Javascript
js实现贪吃蛇小游戏(加墙)
Jul 31 Javascript
Vue解决移动端弹窗滚动穿透问题
Dec 15 Vue.js
深入认识javascript中的eval函数
Nov 02 #Javascript
javascript 按回车键相应按钮提交事件
Nov 02 #Javascript
JQuery 解析多维的Json数据格式
Nov 02 #Javascript
javascript(jquery)利用函数修改全局变量的代码
Nov 02 #Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 #Javascript
JS OOP包机制,类创建的方法定义
Nov 02 #Javascript
JQuery 网站换肤功能实现代码
Nov 02 #Javascript
You might like
又拍云异步上传实例教程详解
2016/04/19 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
PHP实现会员账号单唯一登录的方法分析
2019/03/07 PHP
给网站上的广告“加速”显示的方法
2007/04/08 Javascript
JS 文件传参及处理技巧分析
2010/05/13 Javascript
基于jquery实现漂亮的动态信息提示效果
2011/08/02 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
2014/01/31 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
2016/05/25 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
2018/10/31 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
2020/02/28 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
如何在vue 中使用柱状图 并自修改配置
2021/01/21 Vue.js
[07:31]DOTA2卡尔工作室 英雄介绍主宰篇
2013/06/25 DOTA
Request的中断和ErrorHandler实例解析
2018/02/12 Python
利用python在excel里面直接使用sql函数的方法
2019/02/08 Python
python  文件的基本操作 菜中菜功能的实例代码
2019/07/17 Python
使用NumPy读取MNIST数据的实现代码示例
2019/11/20 Python
keras训练浅层卷积网络并保存和加载模型实例
2020/07/02 Python
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
Answear匈牙利:来自全球200多个知名时尚品牌
2017/04/21 全球购物
斯巴达比赛商店:Spartan Race
2019/01/08 全球购物
给导游的表扬信
2014/01/10 职场文书
幼儿园评语大全
2014/04/17 职场文书
老人再婚离婚协议书范本
2014/10/27 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
财政局长个人总结
2015/03/04 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
卢旺达饭店观后感
2015/06/05 职场文书
投诉书范文
2015/07/02 职场文书
2015年车间管理工作总结
2015/07/23 职场文书
python实现三次密码验证的示例
2021/04/29 Python
SQL实战演练之网上商城数据库商品类别数据操作
2021/10/24 MySQL