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分页效果示例
Oct 11 Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 Javascript
jQuery简单实现日历的方法
May 04 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 Javascript
常用Javascript函数与原型功能收藏(必看篇)
Oct 09 Javascript
JS判断是否为JSON对象及是否存在某字段的方法(推荐)
Nov 29 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 Javascript
webpack自动打包和热更新的实现方法
Jun 24 Javascript
vue实现日历备忘录功能
Sep 24 Javascript
JS字符串与二进制的相互转化实例代码详解
Jun 28 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
10条PHP编程习惯助你找工作
2008/09/29 PHP
php安装xdebug/php安装pear/phpunit详解步骤(图)
2013/12/22 PHP
Yii净化器CHtmlPurifier用法示例(过滤不良代码)
2016/07/15 PHP
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
JQuery实现动态表格点击按钮表格增加一行
2014/08/24 Javascript
JS仿Windows开机启动Loading进度条的方法
2015/02/26 Javascript
深入解析JavaScript中的数字对象与字符串对象
2015/10/21 Javascript
详解JavaScript的变量和数据类型
2015/11/27 Javascript
js判断价格,必须为数字且不能为负数的实现方法
2016/10/07 Javascript
如何利用模板将HTML从JavaScript中抽离
2016/10/08 Javascript
jQuery Ajax 实现分页 kkpager插件实例代码
2017/08/10 jQuery
JavaScript中防止微信浏览器被整体拖动的方法
2017/08/25 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
JS中常用的消息框总结
2018/02/24 Javascript
用vue写一个仿简书的轮播图的示例代码
2018/03/13 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
2018/08/27 Javascript
ES6 fetch函数与后台交互实现
2018/11/14 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
微信小程序列表时间戳转换实现过程解析
2019/10/12 Javascript
详解基于element的区间选择组件校验(交易金额)
2021/01/07 Javascript
Vuex实现简单购物车
2021/01/10 Vue.js
python中的列表推导浅析
2014/04/26 Python
python操作xml文件详细介绍
2014/06/09 Python
深入了解Python数据类型之列表
2016/06/24 Python
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
pandas如何处理缺失值
2019/07/31 Python
python 线程的五个状态
2020/09/22 Python
Python实现石头剪刀布游戏
2021/01/20 Python
Biblibili视频投稿接口分析并以Python实现自动投稿功能
2021/02/05 Python
基于css3的属性transition制作菜单导航效果
2015/09/01 HTML / CSS
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
应届优秀本科大学毕业生自我鉴定
2014/01/21 职场文书
企业宣传策划方案
2014/05/29 职场文书
乡镇一岗双责责任书
2015/01/29 职场文书
环保宣传语大全
2015/07/13 职场文书
利用Pycharm连接服务器的全过程记录
2021/07/01 Python