把多個JavaScript函數(shù)綁定到onload事件處理函數(shù)上的方法
為了讓函數(shù)只在頁面加載完畢后才得到執(zhí)行，我們會把函數(shù)綁定到onload事件上：
window.onload = userFunction
但如果有兩個函數(shù)：firstFunction() 和 secondFunction()，都想讓它們在頁面加載完畢后得到執(zhí)行，該怎么辦？如果這樣：
window.onload = firstFunciton; window.onload = secondFunction;
只有最后一個函數(shù)能被執(zhí)行。由此可得：每個事件處理函數(shù)只能綁定一條指令。
但我們可以這樣做：
window.onload = function(){
firstFunction();
secondFunction();
}
這是一個解決辦法。
不過，還有一個更通的解決方案——額外編寫一些代碼，但好好處是，有了這些代碼，把函數(shù)，不管它們有多少，綁定到window.onload事件上的工作就非常簡明易行了。
這個函數(shù)的的名字是addLoadEvent，它是由Simon Willison編寫的。它只有一個參數(shù)：打算在頁面加載完畢時執(zhí)行的函數(shù)的名字。
下面是addLoadEvent()函數(shù)將要完成的操作：
1. 把現(xiàn)有的window.onload事件處理函數(shù)的值存入變量oldonload。
2. 如果在這個處理函數(shù)上還沒有綁定任何函數(shù)，就像平時那樣把形函數(shù)添加給它。
3. 如果在這個處理函數(shù)上已經(jīng)綁定了一些函數(shù)，就把形函數(shù)追加到現(xiàn)有指令的末尾。
下面是addLoadEvent()函數(shù)的代碼清單：
function addLoadEvent(func){
var oldonload = window.onload;
if(typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}
這相當于為那些將在頁面加載完畢時執(zhí)行的函數(shù)創(chuàng)建了一個隊列。如果想把剛才那兩個函數(shù)添加到隊列中去，只需要寫出以下代碼即可：
addLoadEvent(firstFunction); addLoadEvent(secondFunction);
以上這篇把多個JavaScript函數(shù)綁定到onload事件處理函數(shù)上的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
在JavaScript中雖沒有類似的方法，但我們可以利用字符串的replace方法自定義字符串的格式化方法。下面通過本文給大家分享使用JS在HTML中自定義字符串格式化的方法，需要的的朋友參考下吧2017-07-07
這篇文章主要介紹了js獲取json元素數(shù)量的方法,可實現(xiàn)對json元素數(shù)量的統(tǒng)計功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了JS學習筆記之數(shù)組去重實現(xiàn)方法,結合實例形式總結分析了javascript數(shù)組去重的5種常見實現(xiàn)方法及相關操作技巧,需要的朋友可以參考下2019-05-05
一文教你如何實現(xiàn)localStorage的過期機制
要知道localStorage本身并沒有提供過期機制,既然如此那就只能我們自己來實現(xiàn)了,這篇文章主要給大家介紹了關于如何實現(xiàn)localStorage過期機制的相關資料,需要的朋友可以參考下2022-02-02
three.js著色器材質(zhì)的內(nèi)置變量示例詳解
這篇文章主要給大家介紹了關于three.js著色器材質(zhì)內(nèi)置變量的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用three.js具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2020-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)滑動門效果的相關代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
JSON是一種輕量級（Light-Meight)、基于文本的(Text-Based)、可讀的(Human-Readable)格式，這篇文章主要介紹了JSON 基本使用教程,需要的朋友可以參考下2023-02-02
如一個文件上傳功能，需要對上傳文件進行文件格式限制。我們通常會使用后綴名做限制。2011-03-03
本文主要介紹了使用javascript實現(xiàn)雪花飄落的特效，雖然網(wǎng)上有很多，不過都是比較陳舊了，兼容性不是太好，于是動手寫一個，把思路和實現(xiàn)代碼都分享給大家。2015-01-01
javascript另類方法實現(xiàn)htmlencode()與htmldecode()函數(shù)實例分析
這篇文章主要介紹了javascript另類方法實現(xiàn)htmlencode()與htmldecode()函數(shù),結合實例形式分析了javascript字符編碼與解碼操作的相關技巧,需要的朋友可以參考下2016-11-11