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 dom代码应用 简单的相册[firefox only]
Jun 12 Javascript
轻量级 JS ToolTip提示效果
Jul 20 Javascript
jquery 卷帘效果实现代码(不同方向)
Feb 05 Javascript
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
Apr 19 Javascript
js改变img标签的src属性在IE下没反应的解决方法
Jul 23 Javascript
浏览器窗口加载和大小改变事件示例
Feb 27 Javascript
解决jquery实现的radio重新选中的问题
Jul 03 Javascript
js实现的Easy Tabs选项卡用法实例
Sep 06 Javascript
js实现自定义进度条效果
Mar 15 Javascript
JavaScript观察者模式(publish/subscribe)原理与实现方法
Mar 30 Javascript
vue实现的树形结构加多选框示例
Feb 02 Javascript
layUI实现列表查询功能
Jul 27 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跨站刷票的实现代码
2013/06/18 PHP
php eval函数一句话木马代码
2015/05/21 PHP
如何实现php图片等比例缩放
2015/07/28 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
php实现微信公众号企业转账功能
2018/10/01 PHP
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
2013/03/05 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
2017/02/17 Javascript
基于vuejs实现一个todolist项目
2017/04/11 Javascript
jQuery validata插件实现方法
2017/06/25 jQuery
详谈Node.js之操作文件系统
2017/08/29 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
2018/10/26 jQuery
JavaScript闭包相关知识解析
2019/10/19 Javascript
python使用urllib2实现发送带cookie的请求
2015/04/28 Python
Python3.7 新特性之dataclass装饰器
2019/05/27 Python
详解如何用TensorFlow训练和识别/分类自定义图片
2019/08/05 Python
Python基于Socket实现简单聊天室
2020/02/17 Python
python GUI库图形界面开发之PyQt5打印控件QPrinter详细使用方法与实例
2020/02/28 Python
解决windows上安装tensorflow时报错,“DLL load failed: 找不到指定的模块”的问题
2020/05/20 Python
全球领先的鞋类零售商:The Walking Company
2016/07/21 全球购物
美国二手奢侈品寄售网站:TheRealReal
2016/10/29 全球购物
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
Hello Molly美国:女性时尚在线
2019/08/26 全球购物
杭州信雅达系统.NET工程师面试试题
2015/02/08 面试题
大学四年的个人自我评价
2014/01/14 职场文书
法学函授自我鉴定
2014/02/06 职场文书
2014年大学庆元旦迎新年活动方案
2014/03/09 职场文书
委托书样本
2014/04/02 职场文书
2014年女职工工作总结
2014/11/27 职场文书
感谢信怎么写
2015/01/21 职场文书
手把手教你制定暑期学习计划,让你度过充实的暑假
2019/08/22 职场文书
Python中三种花式打印的示例详解
2022/03/19 Python
动态规划之使用备忘录来改进Javascript函数
2022/04/07 Javascript
mysql 子查询的使用
2022/04/28 MySQL