首页 / JAVASCRIPT / js window.onload 加载多个函数的方法

js window.onload 加载多个函数的方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js window.onload 加载多个函数的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1178字，纯文字阅读大概需要2分钟。

内容图文

用法如下：
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，各取所好吧！

内容总结

以上是互联网集市为您收集整理的js window.onload 加载多个函数的方法全部内容，希望文章能够帮你解决js window.onload 加载多个函数的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/372613.html

来源：【匿名】