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判断用户浏览器插件安装情况的代码
Jan 01 Javascript
ajax更新数据后,jquery、jq失效问题
Mar 16 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
Apr 16 Javascript
javascript动态加载实现方法一
Aug 22 Javascript
javascript创建createXmlHttpRequest对象示例代码
Feb 10 Javascript
sails框架的学习指南
Dec 22 Javascript
js去除浏览器默认底图的方法
Jun 08 Javascript
jquery+css3实现会动的小圆圈效果
Jan 27 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
May 15 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
Apr 19 Javascript
详解Vue双向数据绑定原理解析
Sep 11 Javascript
vue左侧菜单,树形图递归实现代码
Aug 24 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
Thinkphp框架开发移动端接口(2)
2016/08/18 PHP
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
2010/04/01 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
2014/03/20 Javascript
jQuery is()函数用法3例
2014/05/06 Javascript
JavaScript中的原型链prototype介绍
2014/12/30 Javascript
如何让一个json文件显示在表格里【实现代码】
2016/05/09 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
2016/09/04 Javascript
快速解决js开发下拉框中blur与click冲突
2016/10/10 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
JS实现仿百度文库评分功能
2017/01/12 Javascript
微信小程序开发图片拖拽实例详解
2017/05/05 Javascript
Angularjs上传图片实例详解
2017/08/06 Javascript
vue实现商城购物车功能
2017/11/27 Javascript
微信小程序实现留言板功能
2018/11/02 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
2020/07/28 Javascript
vue实现放大镜效果
2020/09/17 Javascript
[55:18]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
使用Python的Tornado框架实现一个一对一聊天的程序
2015/04/25 Python
基于Python代码编辑器的选用(详解)
2017/09/13 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
在Pycharm中项目解释器与环境变量的设置方法
2018/10/29 Python
Python 判断奇数偶数的方法
2018/12/20 Python
Pythony运维入门之Socket网络编程详解
2019/04/15 Python
python实现基于朴素贝叶斯的垃圾分类算法
2019/07/09 Python
pytorch 改变tensor尺寸的实现
2020/01/03 Python
pyqt5中动画的使用详解
2020/04/01 Python
ASOS西班牙官网:英国在线时尚和美容零售商
2020/01/10 全球购物
《风娃娃》教学反思
2014/04/19 职场文书
学雷锋先进个人事迹
2014/05/26 职场文书
争当四好少年演讲稿
2014/09/13 职场文书
有关九一八事变的演讲稿
2014/09/14 职场文书
走进毛泽东观后感
2015/06/04 职场文书