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 相关文章推荐
一个JQuery写的点击上下滚动的小例子
Aug 27 Javascript
JS动态获取当前时间,并写到特定的区域
May 03 Javascript
javascript中RegExp保留小数点后几位数的方法分享
Aug 13 Javascript
javascript页面加载完执行事件代码
Feb 11 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
javascript结合CSS实现苹果开关按钮特效
Apr 07 Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 Javascript
vue获取当前点击的元素并传值的实例
Mar 09 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
Apr 08 Javascript
jquery操作select常见方法大全【7种情况】
May 28 jQuery
nuxt+axios实现打包后动态修改请求地址的方法
Apr 22 Javascript
javascript实现多边形碰撞检测
Oct 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
高亮度显示php源代码
2006/10/09 PHP
php数组中包含中文的排序方法
2014/06/03 PHP
WordPress开发中的get_post_custom()函数使用解析
2016/01/04 PHP
Yii CDBCriteria常用方法实例小结
2017/01/19 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
JavaScript 高效运行代码分析
2010/03/18 Javascript
JS隐藏参数post传值实例
2013/04/18 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
判断文件是否正在被使用的JS代码
2013/12/21 Javascript
js对table的td进行相同内容合并示例详解
2013/12/27 Javascript
基于javascript bootstrap实现生日日期联动选择
2016/04/07 Javascript
js仿淘宝和百度文库的评分功能
2016/05/15 Javascript
Angularjs过滤器使用详解
2016/05/25 Javascript
jQuery File Upload文件上传插件使用详解
2016/12/06 Javascript
jQuery实现frame之间互通的方法
2017/06/26 jQuery
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
angular内置provider之$compileProvider详解
2017/09/27 Javascript
nvm、nrm、npm 安装和使用详解(小结)
2019/01/17 Javascript
node实现爬虫的几种简易方式
2019/08/22 Javascript
JavaScript算法学习之冒泡排序和选择排序
2019/11/02 Javascript
vue实现扫码功能
2020/01/17 Javascript
vue各种事件监听实例(小结)
2020/06/24 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
HTML5 input元素类型:email及url介绍
2013/08/13 HTML / CSS
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
c/c++某大公司的两道笔试题
2014/02/02 面试题
应用心理学个人的求职信
2013/12/08 职场文书
八年级生物教学反思
2014/01/22 职场文书
总经理司机岗位职责
2014/02/06 职场文书
会计专业自荐书
2014/07/08 职场文书
社区志愿者活动方案
2014/08/18 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
离职报告格式
2014/11/04 职场文书
2014年司法所工作总结
2014/11/22 职场文书
研究生个人学年总结
2015/02/14 职场文书