這篇文章主要介紹了javascript封裝addLoadEvent實(shí)現(xiàn)頁(yè)面同時(shí)加載執(zhí)行多個(gè)函數(shù)的方法,實(shí)例分析了onload事件執(zhí)行的原理與同時(shí)執(zhí)行多個(gè)函數(shù)功能的實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript封裝addLoadEvent實(shí)現(xiàn)頁(yè)面同時(shí)加載執(zhí)行多個(gè)函數(shù)的方法。分享給大家供大家參考，具體如下：

如果想同時(shí)執(zhí)行多個(gè)函數(shù)，可以將這些函數(shù)放入一個(gè)數(shù)組中，然后在onload事件里循環(huán)數(shù)組并執(zhí)行，或者使用另一個(gè)方便的函數(shù)addLoadEvent：

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
   } else {
    window.onload = function() {
         if (oldonload) {
          oldonload();
         }
      func();
    }
   }
 }

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript 層隱藏和顯示的代碼
javascript 層隱藏和顯示的代碼
2009-07-07
TypeScript類型系統(tǒng)自定義數(shù)據(jù)類型教程示例
這篇文章主要為大家介紹了TypeScript類型系統(tǒng)自定義數(shù)據(jù)類型教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11
JavaScript對(duì)Json的增刪改屬性詳解
下面小編就為大家?guī)?lái)一篇JavaScript對(duì)Json的增刪改屬性詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
Javascript 不能釋放內(nèi)存.
Javascript 不能釋放內(nèi)存....
2006-09-09
JS實(shí)現(xiàn)簡(jiǎn)單的圖書館享元模式實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的圖書館享元模式,以一個(gè)圖書館存書借書的例子分析了圖書館享元模式的實(shí)現(xiàn)技巧,需要的朋友可以參考下
2015-06-06
一文教你如何優(yōu)雅的使用WebSocket
WebSocket最大特點(diǎn)就是服務(wù)器可以主動(dòng)向客戶端推送信息,客戶端也可以主動(dòng)向服務(wù)器發(fā)送信息,是真正的雙向平等對(duì)話,屬于服務(wù)器推送技術(shù)的一種,下面這篇文章主要給大家介紹了關(guān)于如何優(yōu)雅的使用WebSocket的相關(guān)資料,需要的朋友可以參考下
2022-05-05
Array的push與unshift方法性能比較分析
Array的push與unshift方法都能給當(dāng)前數(shù)組添加元素，不同的是，push是在末尾添加，而unshift則是在開(kāi)頭添加。
2011-03-03
Webpack 4如何動(dòng)態(tài)切割JS注入文件名詳解
這篇文章主要給大家介紹了關(guān)于Webpack 4如何動(dòng)態(tài)切割JS注入文件名的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Webpack4具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
JavaScript實(shí)現(xiàn)網(wǎng)站訪問(wèn)次數(shù)統(tǒng)計(jì)代碼
每個(gè)網(wǎng)站管理者，都必須知道每天有多少人訪問(wèn)了本站，需要一個(gè)網(wǎng)站訪問(wèn)次數(shù)功能來(lái)滿足需求，本篇文章主要介紹了JavsScript實(shí)現(xiàn)網(wǎng)站訪問(wèn)次數(shù)統(tǒng)計(jì)代碼，需要的朋友可以參考下
2015-08-08
JS設(shè)計(jì)模式之中介者模式使用方法詳解
JavaScript中介者模式是一種行為型設(shè)計(jì)模式,用于降低多個(gè)對(duì)象之間的耦合性,在中介者模式中,多個(gè)對(duì)象之間不直接相互通信,而是通過(guò)中介者進(jìn)行通信, 本文就來(lái)給大家詳細(xì)的介紹一下JS設(shè)計(jì)模式之中介者模式使用方法,需要的朋友可以參考下
2023-08-08