window.onload
ページの読み込みが終わったら動くJavaScriptを書きたい。
window.onload = function() { console.log('aaa') }
こんな感じに、表示後にconsole.logを吐き出したい。
・・・あれ?なんで動かないんだろう?
コードを上書きしてるから
上記のコード。 =
で書いてる。
そう、代入。
もし、他にも window.onload
に何かを書いていたら、
後から書いたコードが優先されて、先に書いたコードは上書きされてしまう。
addEventListener
addEventListener('load', function() { console.log('aaa') });
こうすると、Loadイベントのときに、何かが起こるというコードに!
これで、上書きの心配はなくなりましたね!