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