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 相关文章推荐
zShowBox 图片放大展示jquery版 兼容性
Sep 24 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
Jan 17 Javascript
javascript实现日期格式转换
Dec 16 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
Jun 12 Javascript
jquery删除table当前行的实例代码
Oct 07 Javascript
Bootstrap CSS布局之按钮
Dec 17 Javascript
JavaScript实现简单的双色球(实例讲解)
Jul 31 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
基于vue通用表单解决方案的思考与分析
Mar 16 Javascript
vue+Element-ui实现分页效果
Nov 15 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/10/14 PHP
php基于双向循环队列实现历史记录的前进后退等功能
2015/08/08 PHP
php实现不通过扩展名准确判断文件类型的方法【finfo_file方法与二进制流】
2017/04/18 PHP
input 输入框内的输入事件详细分析
2010/03/17 Javascript
javaScript同意等待代码实现心得
2011/01/01 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
浅谈JavaScript Date日期和时间对象
2014/12/29 Javascript
使用jQuery实现input数值增量和减量的方法
2015/01/24 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
2016/08/09 Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
2017/02/04 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
vue 导航守卫和axios拦截器有哪些区别
2020/12/19 Vue.js
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
深入浅析python中的多进程、多线程、协程
2016/06/22 Python
Python学习之用pygal画世界地图实例
2017/12/07 Python
python实现列表中由数值查到索引的方法
2018/06/27 Python
详解利用django中间件django.middleware.csrf.CsrfViewMiddleware防止csrf攻击
2018/10/09 Python
解决pycharm 误删掉项目文件的处理方法
2018/10/22 Python
详解Python中import机制
2020/09/11 Python
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
香港草莓网土耳其网站:Strawberrynet TR
2017/03/02 全球购物
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
iKRIX意大利网上商店:男女豪华服装和配件
2019/10/09 全球购物
营销与策划应届生求职信
2013/11/04 职场文书
文明餐桌活动方案
2014/02/11 职场文书
校本课程教学计划
2015/01/19 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
教师节祝酒词
2015/08/11 职场文书
2015年社区消防安全工作总结
2015/10/14 职场文书
Nginx配置并兼容HTTP实现代码解析
2021/03/31 Servers
python实现A*寻路算法
2021/06/13 Python