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 相关文章推荐
Add a Formatted Table to a Word Document
Jun 15 Javascript
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
Feb 18 Javascript
jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
Apr 24 Javascript
jquery实现弹出窗口效果的实例代码
Nov 28 Javascript
JS弹出层的显示与隐藏示例代码
Dec 27 Javascript
jQuery EasyUI Dialog拖不下来如何解决
Sep 28 Javascript
对象转换为原始值的实现方法
Jun 06 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
Dec 19 Javascript
ES7中利用Await减少回调嵌套的方法详解
Nov 01 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
Aug 05 Javascript
如何进行微信公众号开发的本地调试的方法
Jun 16 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 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 daodb插入、更新与删除数据
2009/03/19 PHP
PHP实现时间轴函数代码
2011/10/08 PHP
浅析51个PHP处理字符串的函数
2013/08/02 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
PHP读取XML文件的方法实例总结【DOMDocument及simplexml方法】
2019/09/10 PHP
JavaScript写的一个自定义弹出式对话框代码
2010/01/17 Javascript
JS实现表格数据各种搜索功能的方法
2015/03/03 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
2015/03/21 Javascript
纯js模拟div层弹性运动的方法
2015/07/27 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
2017/04/07 Javascript
JS通过调用微信API实现微信支付功能的方法示例
2017/06/29 Javascript
js实现多张图片延迟加载效果
2017/07/17 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
WebSocket的通信过程与实现方法详解
2018/04/29 Javascript
微信小程序调用摄像头隐藏式拍照功能
2018/08/22 Javascript
解决vue keep-alive 数据更新的问题
2018/09/21 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
2019/05/22 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
2019/06/10 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
Python访问纯真IP数据库脚本分享
2015/06/29 Python
Python使用matplotlib绘制正弦和余弦曲线的方法示例
2018/01/06 Python
python 自定义异常和异常捕捉的方法
2018/10/18 Python
python 将字符串完成特定的向右移动方法
2019/06/11 Python
深入了解Django View(视图系统)
2019/07/23 Python
python字典排序的方法
2019/10/12 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
Python 使用xlwt模块将多行多列数据循环写入excel文档的操作
2020/11/10 Python
骨干教师培训制度
2014/01/13 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
支教自我鉴定
2014/01/18 职场文书
美术毕业生求职信
2014/02/25 职场文书
2014年社区国庆节活动方案
2014/09/16 职场文书
信息合作协议书
2014/10/09 职场文书
2014年党建工作汇报材料
2014/10/27 职场文书
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL