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
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
在ASP.NET中使用JavaScript脚本的方法
Nov 12 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
表单验证正则表达式实例代码详解
Nov 09 Javascript
JS从数组中随机取出几个数组元素的方法
Aug 02 Javascript
JS获取及验证开始结束日期的方法
Aug 20 Javascript
微信小程序 实战程序简易新闻的制作
Jan 09 Javascript
JS实现标签滚动切换效果
Dec 25 Javascript
浅谈React中的元素、组件、实例和节点
Feb 27 Javascript
vue实现自定义多选与单选的答题功能
Jul 05 Javascript
JS跨域请求的问题解析
Dec 03 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
打造计数器DIY三步曲(中)
2006/10/09 PHP
PHP通过正则表达式下载图片到本地的实现代码
2011/09/19 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
php代码架构的八点注意事项
2016/01/25 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
javascript 面向对象的JavaScript类
2010/05/04 Javascript
关于onScroll事件在IE6下每次滚动触发三次bug说明
2011/09/21 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
2013/01/10 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
2013/04/01 Javascript
JavaScript实现删除,移动和复制文件的方法
2015/08/05 Javascript
JS选取DOM元素的简单方法
2016/07/08 Javascript
基于jQuery实现淡入淡出效果轮播图
2020/07/31 Javascript
Vue列表页渲染优化详解
2017/07/24 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
利用jsonp解决js读取本地json跨域的问题
2018/12/11 Javascript
详解在React项目中安装并使用Less(用法总结)
2019/03/18 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
[01:04:06]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第一局
2016/02/26 DOTA
python3大文件解压和基本操作
2017/12/15 Python
解决pandas中读取中文名称的csv文件报错的问题
2018/07/04 Python
Matplotlib scatter绘制散点图的方法实现
2020/01/02 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
在Pycharm中安装Pandas库方法(简单易懂)
2021/02/20 Python
实例讲解利用HTML5 Canvas API操作图形旋转的方法
2016/03/22 HTML / CSS
几道Java和数据库的面试题
2013/05/30 面试题
法律专业应届生自荐信范文
2014/01/06 职场文书
开幕式邀请函
2015/01/31 职场文书
主持人大赛开场白
2015/05/29 职场文书
投诉信回复范文
2015/07/03 职场文书
《秋天的怀念》教学反思
2016/02/17 职场文书
创业计划书之美甲店
2019/09/20 职场文书
python解析照片拍摄时间进行图片整理
2022/07/23 Python