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 getElementsByClassName函数
Apr 01 Javascript
JavaScript 语言的递归编程
May 18 Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 Javascript
纯JS前端实现分页代码
Jun 21 Javascript
JQuery学习总结【一】
Dec 01 Javascript
AngularJS打开页面隐藏显示表达式用法示例
Dec 25 Javascript
vue.js实现的绑定class操作示例
Jul 06 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
Aug 30 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
Jun 21 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
Jun 22 Javascript
JavaScript中展开运算符及应用的实例代码
Jan 14 Javascript
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
Apr 17 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
使用PHP获取当前url路径的函数以及服务器变量
2013/06/29 PHP
PHP面向对象自动加载机制原理与用法分析
2016/10/14 PHP
双击滚屏-常用推荐
2006/11/29 Javascript
javascript:以前写的xmlhttp池,代码
2008/05/18 Javascript
Jquery 常用方法经典总结
2010/01/28 Javascript
基于jquery实现的可编辑下拉框实现代码
2014/08/02 Javascript
require.js深入了解 require.js特性介绍
2014/09/04 Javascript
jquery实现右键菜单插件
2015/03/29 Javascript
jQuery实现首页顶部可伸缩广告特效代码
2015/04/15 Javascript
JS动态添加iframe的代码
2015/09/14 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
jquery实现全选功能效果的实现代码
2016/05/05 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
jQuery验证表单格式的使用方法
2017/01/10 Javascript
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
JS 实现获取验证码 倒计时功能
2018/10/29 Javascript
JS原生瀑布流效果实现
2019/04/26 Javascript
Python获取远程文件大小的函数代码分享
2014/05/13 Python
Python如何快速实现分布式任务
2017/07/06 Python
python实现类之间的方法互相调用
2018/04/29 Python
解决python通过cx_Oracle模块连接Oracle乱码的问题
2018/10/18 Python
python scipy求解非线性方程的方法(fsolve/root)
2018/11/12 Python
Python实现12306火车票抢票系统
2019/07/04 Python
Python递归函数 二分查找算法实现解析
2019/08/12 Python
ZWILLING双立人法国网上商店:德国刀具锅具厨具品牌
2019/08/28 全球购物
聚美优品广告词改编
2014/03/14 职场文书
学校招生宣传广告词
2014/03/19 职场文书
荷叶母亲教学反思
2014/04/30 职场文书
2014年国庆节演讲稿
2014/09/02 职场文书
2014年保洁工作总结
2014/11/24 职场文书
社会主义核心价值观主题教育活动总结
2015/05/07 职场文书
公司车辆管理制度
2015/08/04 职场文书
办公室主任岗位竞聘书
2015/09/15 职场文书
Vue如何实现组件间通信
2021/05/15 Vue.js
Django基础CBV装饰器和中间件
2022/03/22 Python