如何實現為window.onload註冊多個事件處理函式

admin發表於2017-03-08

大家都知道在同一個頁面中不能夠不能夠使用多個window.onload註冊事件處理函式,如果使用多個的話,最後一個會覆蓋前面的,不過我們可以變通實現此功能,程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
function setOnloadEvent(func){
  var oldonload=window.onload;
  if(typeof window.onload!="function"){
    window.onload=func;
  }
  else{
    window.onload=function(){
     oldonload();
     func();
    }
  }
}

以上程式碼可以模擬實現window.onload註冊多個事件處理函式的功能,使用演示如下:

[JavaScript] 純文字檢視 複製程式碼
setOnloadEvent(fun1);
setOnloadEvent(fun2);
setOnloadEvent(fun3);
setOnloadEvent(fun4);

這樣當文件載入完畢後可以依次執行四個函式。

相關文章