window.onloadは使うな

複数のwindow.onloadがあるとオーバーライド(上書き)が起こってしまう。複数の開発者で開発していた場合には、自分の書いた部分を上書きされてしまい、バグの原因に。また、外部ライブラリにwindow.onloadが使われていたりするとこれまた都合が悪い。なので、なるだけDOMContentLoadedのイベントリスナーで対応した方が良い。

document.addEventListener('DOMContentLoaded', function() {

});

loadイベントと何が違う?

loadイベントはwondow.onloadと同じく、画像やスクリプトを含むすべてのコンテンツが読み込まれた後に発火します。対してDOMContentLoadedイベントはDOMツリーの解析が終わった時点で発火するので、loadイベントより早い。