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獲取瀏覽器語言動(dòng)態(tài)加載JS文件示例代碼
通過獲取瀏覽器語言版本，來相對(duì)的加載easyui語言包就是動(dòng)態(tài)加載JS文件，下面有個(gè)不錯(cuò)的實(shí)例，大家可以看看2014-10-10
JavaScript獲取DOM元素的11種方法總結(jié)
這篇文章主要介紹了JavaScript獲取DOM元素的11種方法總結(jié),本文用分4大類11個(gè)方法總結(jié)如何獲取DOM元素,需要的朋友可以參考下2015-04-04
2022發(fā)布ECMAScript新特性盤點(diǎn)
這篇文章主要為大家介紹了2022發(fā)布ECMAScript新特性盤點(diǎn)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
本篇文章給大家詳細(xì)分析了自定義ajax支持跨域組件封裝相關(guān)的知識(shí)點(diǎn)，對(duì)此有興趣的朋友參考學(xué)習(xí)下。2018-02-02
Javascript中定義方法的另類寫法(批量定義js對(duì)象的方法)
用了很多的Javascript框架，偶爾也會(huì)去看一下框架的源碼，經(jīng)常會(huì)看到這樣的代碼。2011-02-02
Ajax異步提交表單數(shù)據(jù)的說明及方法實(shí)例
Ajax異步提交表單數(shù)據(jù)的說明及方法實(shí)例，需要的朋友可以參考一下2013-06-06
javascript 三組文字間隙滾動(dòng)實(shí)例代碼
非常實(shí)用的文字間隙滾動(dòng)效果代碼2008-06-06
JS簡(jiǎn)單數(shù)組排序操作示例【sort方法】
這篇文章主要介紹了JS簡(jiǎn)單數(shù)組排序操作,結(jié)合實(shí)例形式分析了javascript使用sort方法進(jìn)行數(shù)組排序的相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
關(guān)于JS中match() 和 exec() 返回值和屬性的測(cè)試
這篇文章主要介紹了關(guān)于JS中match() 和 exec() 返回值和屬性的測(cè)試 的相關(guān)資料,需要的朋友可以參考下2016-03-03
用JavaScript腳本實(shí)現(xiàn)Web頁面信息交互
這篇文章主要介紹了用JavaScript腳本實(shí)現(xiàn)Web頁面信息交互2006-10-10