js window.onload 加載多個(gè)函數(shù)的方法
更新時(shí)間：2009年11月02日 22:09:17 作者：
平時(shí)做項(xiàng)目 經(jīng)常需要使用window.onload，但window.onload 不能同時(shí)加載多個(gè)函數(shù)。
用法如下：
function func(){alert("this is window onload event!");return;}
window.onload=func;
或者如下：
window.onload=function(){alert("this is window onload event!");return;}
但window.onload 不能同時(shí)加載多個(gè)函數(shù)。
比如：
function t(){
alert("t")
}
function b(){
alert("b")
}
window.onload =t ;
window.onload =b ;
后面會(huì)把前面的覆蓋，上面代碼只會(huì)輸出 b。
此時(shí)可用如下方法解決：
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);
//等價(jià)于 window.onload =function() { t(); b(); c() ;}
個(gè)人以為直接使用隱式函數(shù)(如：window.onload =function() { t(); b(); c() ;})更快捷，當(dāng)然使用 addLoadEvent 更professional，各取所好吧！
function func(){alert("this is window onload event!");return;}
window.onload=func;
或者如下：
window.onload=function(){alert("this is window onload event!");return;}
但window.onload 不能同時(shí)加載多個(gè)函數(shù)。
比如：
復(fù)制代碼 代碼如下:
function t(){
alert("t")
}
function b(){
alert("b")
}
window.onload =t ;
window.onload =b ;
后面會(huì)把前面的覆蓋，上面代碼只會(huì)輸出 b。
此時(shí)可用如下方法解決：
window.onload =function() { t(); b(); }
另一種解決方法如下：
復(fù)制代碼 代碼如下:
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldonload();
func();
}
}
}
使用如下：
復(fù)制代碼 代碼如下:
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);
//等價(jià)于 window.onload =function() { t(); b(); c() ;}
個(gè)人以為直接使用隱式函數(shù)(如：window.onload =function() { t(); b(); c() ;})更快捷，當(dāng)然使用 addLoadEvent 更professional，各取所好吧！
相關(guān)文章
JS實(shí)現(xiàn)求數(shù)組起始項(xiàng)到終止項(xiàng)之和的方法【基于數(shù)組擴(kuò)展函數(shù)】
這篇文章主要介紹了JS實(shí)現(xiàn)求數(shù)組起始項(xiàng)到終止項(xiàng)之和的方法,基于數(shù)組擴(kuò)展函數(shù)實(shí)現(xiàn)該功能,涉及javascript針對(duì)數(shù)組的簡(jiǎn)單判斷、遍歷等相關(guān)操作技巧,需要的朋友可以參考下2017-06-06
Javascript中獲取對(duì)象的原型對(duì)象的方法小結(jié)
這篇文章主要介紹了Javascript中獲取對(duì)象的原型對(duì)象的方法小結(jié),需要的朋友可以參考下
2015-02-02 
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)留言板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03 
這篇文章主要介紹了JS加載解析Markdown文檔過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-05-05 
這篇文章主要介紹了微信小程序顯示下拉列表功能,涉及微信小程序navigator組件導(dǎo)航及頁(yè)面加載相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下
2017-12-12 
echarts中幾種漸變方式的具體實(shí)現(xiàn)方式
在使用echarts繪制圖表時(shí),有的時(shí)候需要使用漸變色,下面這篇文章主要給大家介紹了關(guān)于echarts中幾種漸變方式的具體實(shí)現(xiàn)方式,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-11-11 
layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法
今天小編就為大家分享一篇layui輸入框中只允許輸入整數(shù)的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09 
js仿微博實(shí)現(xiàn)統(tǒng)計(jì)字符和本地存儲(chǔ)功能
這篇文章主要介紹了js仿微博實(shí)現(xiàn)統(tǒng)計(jì)字符和本地存儲(chǔ)功能的相關(guān)資料,需要的朋友可以參考下
2015-12-12 
不到30行JS代碼實(shí)現(xiàn)Excel表格的方法
這篇文章主要介紹了不到30行JS代碼實(shí)現(xiàn)Excel表格的方法,實(shí)現(xiàn)方法簡(jiǎn)單易懂,非常具有實(shí)用價(jià)值,可部分代替jQuery的功能,需要的朋友可以參考下
2014-11-11