エンジニアのひよこ_level10

毎日更新してた人。たまに記事書きます。

【JavaScript】window.onloadで書いた関数が動かない対応【602日目】

window.onload

ページの読み込みが終わったら動くJavaScriptを書きたい。

window.onload = function() { console.log('aaa') }

こんな感じに、表示後にconsole.logを吐き出したい。

・・・あれ?なんで動かないんだろう?

コードを上書きしてるから

上記のコード。 =で書いてる。

そう、代入。

もし、他にも window.onloadに何かを書いていたら、
後から書いたコードが優先されて、先に書いたコードは上書きされてしまう。

addEventListener

addEventListener('load', function() { console.log('aaa') });

こうすると、Loadイベントのときに、何かが起こるというコードに!

これで、上書きの心配はなくなりましたね!