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五角星评分插件示例分享
Feb 21 Javascript
原生javaScript实现图片延时加载的方法
Dec 22 Javascript
原生js实现日期联动
Jan 12 Javascript
使用JavaScript 实现的人脸检测
Mar 24 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
laydate.js日期时间选择插件
Jan 04 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
Jan 08 Javascript
利用canvas实现的加载动画效果实例代码
Jul 05 Javascript
详解利用jsx写vue组件的方法示例
Jul 17 Javascript
详解动画插件wow.js的使用方法
Sep 13 Javascript
详解处理bootstrap4不支持远程静态框问题
Jul 20 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 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 一个随机字符串生成代码
2010/05/26 PHP
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
一个PHP二维数组排序的函数分享
2014/01/17 PHP
Laravel中任务调度console使用方法小结
2017/05/07 PHP
thinkPHP框架中layer.js的封装与使用方法示例
2019/01/18 PHP
PHP正则表达式处理函数(PCRE 函数)实例小结
2019/05/09 PHP
php apache开启跨域模式过程详解
2019/07/08 PHP
JScript内置对象Array中元素的删除方法
2007/03/08 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
JS版元素周期表实现方法
2015/08/05 Javascript
JS实现的文字与图片定时切换效果代码
2015/10/06 Javascript
javascript显示上周、上个月日期的处理方法
2016/02/03 Javascript
分享10个优化代码的CSS和JavaScript工具
2016/05/11 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
2016/05/31 Javascript
webix+springmvc session超时跳转登录页面
2016/10/30 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
2017/02/27 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
vue+element项目中过滤输入框特殊字符小结
2019/08/07 Javascript
vue绑定数字类型 value为数字的实例
2020/08/31 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
2020/09/12 Javascript
简单介绍Python中的filter和lambda函数的使用
2015/04/07 Python
Python 变量类型详解
2018/10/10 Python
python TKinter获取文本框内容的方法
2018/10/11 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
python数据预处理方式 :数据降维
2020/02/24 Python
John Varvatos官方网站:设计师男士时装
2017/02/08 全球购物
小学生中国梦演讲稿
2014/04/23 职场文书
清正廉洁演讲稿
2014/05/22 职场文书
我们的节日中秋活动方案
2014/08/19 职场文书
银行授权委托书范本
2014/10/04 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
工会2014法制宣传日活动总结
2014/11/01 职场文书
员工辞职信怎么写
2015/02/27 职场文书
暑期工社会实践报告
2015/07/13 职场文书
美德少年主要事迹材料
2015/11/04 职场文书