合并js代码，如何处理onload事件？

Question

将一个功能模块的js代码，使用gulp合并成一个压缩的js发布文件。但是合并前的文件中，可能都有对onload事件的监听。合并成一个文件，就会有多处onload事件监听。这种情况应该如何处理？是不是把监听调用部分写在 html中？

Answer 1

监听事件最好不用onload来监听，要用注册函数，比如jquery的$.ready

Answer 2

文件合并，跟事件绑定有什么关系？你是给不同的页面中同一个元素（如同名id），绑定事件了？

Answer 3

自己写个函数让onload不覆盖就行了

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

addLoadEvent(Function1);
addLoadEvent(Function2);

Answer 4

既然你考虑过把监听写在HTML里面，为什么不能把监听的部分单独做一个模块来引入呢？