window.onload = function(){};みたいなコードはよしたほうがよいとおもいますた

Javascript

こんな風にwindow.onload = function(){}を複数回書くと'proc1'の処理は実行されない

window.onload = function(){
  console.log('proc1');
};
/*
some process...
*/
window.onload = function(){
  console.log('proc2');
};// onload event has overwritten

// "proc2"

解決方法その1 addEventListenerでイベントを追加する

window.addEventListener('load',function(){console.log('proc1');});
/*
some process...
*/
window.addEventListener('load',function(){console.log('proc2');});

// "proc1"
// "proc2"

解決方法その2 むりやり前のイベントを自分で実行する(ちょっと煩雑…)

window.onload = function(){
  console.log('proc1');
};
/*
some process...
*/
var previousEvent = window.onload;
window.onload = function(){
  if(previousEvent){previousEvent();}
  console.log('proc2');
};

// "proc1"
// "proc2"