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 相关文章推荐
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
Dec 23 Javascript
Javascript表单验证要注意的事项
Sep 29 Javascript
JavaScript中constructor()方法的使用简介
Jun 05 Javascript
jQuery使用drag效果实现自由拖拽div
Jun 11 Javascript
jQuery绑定事件的几种实现方式
May 09 Javascript
如何获取元素的最终background-color
Feb 06 Javascript
JavaScript获取select中text值的方法
Feb 13 Javascript
Vue2路由动画效果的实现代码
Jul 10 Javascript
微信web端后退强制刷新功能的实现代码
Mar 04 Javascript
layui 表格操作列按钮动态显示的实现方法
Sep 06 Javascript
vue 使用原生组件上传图片的实例
Sep 08 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)
2010/09/04 PHP
php实现的zip文件内容比较类
2014/09/24 PHP
php+mysqli批量查询多张表数据的方法
2015/01/29 PHP
动态改变textbox的宽高的js
2006/10/26 Javascript
Stop SQL Server
2007/06/21 Javascript
javascript获得服务器端控件的ID的实现代码
2011/12/28 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
2012/09/30 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
js实现浏览本地文件并显示扩展名的方法
2015/08/17 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
2016/05/18 Javascript
全面了解js中的script标签
2016/07/04 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
2017/02/20 Javascript
javascript刷新父页面方法汇总详解
2019/10/10 Javascript
详解Vite的新体验
2021/02/22 Javascript
[42:22]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第一局
2016/02/27 DOTA
Python3实现带附件的定时发送邮件功能
2020/12/22 Python
用python处理MS Word的实例讲解
2018/05/08 Python
Pycharm 创建 Django admin 用户名和密码的实例
2018/05/30 Python
Python线程同步的实现代码
2018/10/03 Python
Django之模型层多表操作的实现
2019/01/08 Python
Python pycharm 同时加载多个项目的方法
2019/01/17 Python
TensorFlow固化模型的实现操作
2020/05/26 Python
html5 初试 indexedDB(推荐)
2016/07/21 HTML / CSS
施华洛世奇日本官网:SWAROVSKI日本
2018/05/04 全球购物
汽车维修专业个人求职信范文
2014/01/01 职场文书
便利店投资创业计划书
2014/02/08 职场文书
毕业自我鉴定总结
2014/03/24 职场文书
诉讼代理人授权委托书
2014/04/08 职场文书
师恩难忘教学反思
2014/04/27 职场文书
毕业设计工作总结
2015/08/14 职场文书
2019财务管理制度最新范本!
2019/07/09 职场文书
导游词之张家口
2019/12/13 职场文书
Promise面试题详解之控制并发
2021/05/14 面试题
html+css实现赛博朋克风格按钮
2021/05/26 HTML / CSS
MyBatis 动态SQL全面详解
2021/10/05 MySQL