首页 > 合并js代码,如何处理onload事件?

合并js代码,如何处理onload事件?

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


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


自己写个函数让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);

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


文件合并,跟事件绑定有什么关系?你是给不同的页面中同一个元素(如同名id),绑定事件了?

【热门文章】
【热门文章】