javascriptで画面ロード時に処理

冗長な記事が多すぎる。
onload時に処理を行うようにEventListenerへ登録する。



document.addEventListener("load", function() {
    // 読み込み処理
    console.log("onload")
})

以上。

ちなみに
<script defer src="res/js/main.js"></script>
といった具合に遅延読み込みをおこなうと画面が読み込まれた後jsが読み込まれるため動作しない。
その時は直接処理を書けばいい。
asyncだと動作したりしなかったりバグの温床になるので注意が必要。

2019年11月5日火曜日