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 相关文章推荐
分享别人写的一个小型js框架
Aug 13 Javascript
关于图片的预加载过程中隐藏未知的
Dec 19 Javascript
js加强的经典分页实例
Mar 15 Javascript
jQuery代码实现发展历程时间轴特效
Jul 30 Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 Javascript
jQuery ajax 当async为false时解决同步操作失败的问题
Nov 18 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
JS中offset和匀速动画详解
Feb 06 Javascript
vue  自定义组件实现通讯录功能
Sep 30 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
es6函数之rest参数用法实例分析
Apr 18 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 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
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
2010/04/15 Javascript
js中格式化日期时间型数据函数代码
2010/11/08 Javascript
asp.net中System.Timers.Timer的使用方法
2013/03/20 Javascript
js和css写一个可以自动隐藏的悬浮框
2014/03/05 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
JS获取网页图片name属性的方法
2015/04/01 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
js的各种排序算法实现(总结)
2016/07/23 Javascript
jQuery获取与设置iframe高度的方法
2016/08/01 Javascript
JavaScript对象引用与赋值实例详解
2017/03/15 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
2017/05/26 jQuery
微信小程序movable view移动图片和双指缩放实例代码
2017/08/08 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
JS实现的RC4加密算法示例
2018/08/16 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
2018/11/29 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
Python NumPy库安装使用笔记
2015/05/18 Python
Python如何判断数独是否合法
2016/09/08 Python
python3+PyQt5自定义视图详解
2018/04/24 Python
简单了解python的一些位运算技巧
2019/07/13 Python
django 基于中间件实现限制ip频繁访问过程详解
2019/07/30 Python
Python中zip()函数的简单用法举例
2019/09/02 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
深入理解css属性的选择对动画性能的影响
2016/04/20 HTML / CSS
HTML5 canvas画矩形时出现边框样式不一致的解决方法
2013/10/14 HTML / CSS
医院实习接收函
2014/01/12 职场文书
师范教师毕业鉴定
2014/01/13 职场文书
优秀交警事迹材料
2014/01/26 职场文书
优秀中学生事迹材料
2014/01/31 职场文书
新春联欢会主持词
2014/03/24 职场文书
电气工程及其自动化专业求职信
2014/06/23 职场文书
党的群众路线专项整治方案
2014/11/03 职场文书
感谢信
2019/04/11 职场文书