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学习随笔(使用window和frame)的技巧
Mar 08 Javascript
深入理解JavaScript系列(13) This? Yes,this!
Jan 18 Javascript
Js+php实现异步拖拽上传文件
Jun 23 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
jQuery短信验证倒计时功能实现方法详解
May 25 Javascript
jQuery插件ajaxFileUpload使用实例解析
Oct 19 Javascript
JavaScript中变量提升与函数提升经典实例分析
Jul 26 Javascript
Angular7创建项目、组件、服务以及服务的使用
Feb 19 Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 Javascript
vue框架制作购物车小球动画效果实例代码
Sep 26 Javascript
Openlayers实现扩散的动态点(水纹效果)
Aug 17 Javascript
JS获取当前时间戳方法解析
Aug 29 Javascript
深入认识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
PHP 图片水印类代码
2012/08/27 PHP
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
firefox插件Firebug的使用教程
2010/01/02 Javascript
使用 JScript 创建 .exe 或 .dll 文件的方法
2011/07/13 Javascript
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
Javascript函数式编程简单介绍
2015/10/11 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
学习JavaScript设计模式之单例模式
2016/01/19 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
2016/09/21 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
Vue.Draggable实现拖拽效果
2020/07/29 Javascript
探究react-native 源码的图片缓存问题
2017/08/24 Javascript
Node之简单的前后端交互(实例讲解)
2017/11/14 Javascript
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
2018/07/25 Javascript
微信小程序实现底部导航
2018/11/05 Javascript
使用electron制作满屏心特效的示例代码
2018/11/27 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
2019/04/26 Javascript
vue中实现Monaco Editor自定义提示功能
2019/07/05 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
2019/07/25 Javascript
JavaScript实现拖拽盒子效果
2020/02/06 Javascript
[04:40]2016个国际邀请赛中国区预选赛场地——华西村观战指南
2016/06/25 DOTA
python提示No module named images的解决方法
2014/09/29 Python
Python中http请求方法库汇总
2016/01/06 Python
Python利用字典破解WIFI密码的方法
2019/02/27 Python
python编写简单端口扫描器
2019/09/04 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
Python xlwt模块使用代码实例
2020/06/10 Python
阿联酋电子产品购物网站:Menakart
2017/09/15 全球购物
施华洛世奇日本官网:SWAROVSKI日本
2018/05/04 全球购物
MONNIER Frères英国官网:源自巴黎女士奢侈品配饰电商平台
2018/12/06 全球购物
门诊挂号室室长岗位职责
2013/11/27 职场文书
幼儿园大班评语大全
2014/04/17 职场文书
vue backtop组件的实现完整代码
2021/04/07 Vue.js
解决go在函数退出后子协程的退出问题
2021/04/30 Golang
PHP设计模式(观察者模式)
2021/07/07 PHP