通常我們需要在打開頁面時加載腳本，這些腳本必須在頁面加載完畢后才可以執(zhí)行，因?yàn)檫@時候DOM才完整，可以利用window.onload確保這一點(diǎn)，如：
window.οnlοad=firstFunction;
這腳本的意思是在頁面完畢后執(zhí)行firstFunction函數(shù)，但當(dāng)有很多個函數(shù)需要在頁面加載時執(zhí)行呢？可能有人說可以這樣：
window.οnlοad=firstFunction;
window.οnlοad=secondFunction;

但這樣的話只會執(zhí)行secondFunction函數(shù)。

Simon Willison Blog??上提供了完美的解決方案：

?

[javascript]?view plaincopy

function?addLoadEvent(func)?{??

??var?oldonload?=?window.onload;??

??if?(typeof?window.onload?!=?'function')?{??

????window.onload?=?func;??

??}?else?{??

????window.onload?=?function()?{??

??????if?(oldonload)?{??

????????oldonload();??

??????}??

??????func();??

????}??

??}??

}??

?

?

func參數(shù)就是要加載的函數(shù)名（記得只是函數(shù)名，不需要括號），有多少個函數(shù)需要在頁面Load后執(zhí)行的話，就調(diào)用多少次上面那個經(jīng)典函數(shù)，例如：
addLoadEvent(firstFunction);
addLoadEvent(secondFunction);
......

總結(jié)

以上是生活随笔為你收集整理的页面加载完毕执行多个JS函数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。