window.onloadが動かない

投稿日:2019-01-26

事象

javascriptのwindow.onloadを利用して処理を書いても
動作しない時がある。

原因

window.onloadはページを1回表示する際に1度しか実行されない。
もし複数箇所にてwindow.onloadを記載していた場合は
そのうちの1つしか実行されない。

jsファイルを複数に分けていても同様なので
意識してないところでwindow.onloadが使われていて陥る可能性が高い。

解決方法

別の記載に変更する

// 別の記載例
window.addEventListener('load', function(){
    console.log('これとか')
})

// jQueryが使えるなら
$(window).on('load', function(){
    console.log('これとか')
})