JavaScript を使って、ドキュメントやリソース(CSSや画像など)の読み込みが完了した時に処理を実行する方法を書いていきます。 目次 実行方法 実行順序 使い分け jQueryについて 1. 実行方法 ドキュメントの DOMContentLoaded を使うと、HTMLの読み込み(DOMの解析)が完了した時に処理を実行することができます。 document.addEventListener('DOMContentLoaded', (event) => { // 処理を記述 }); また、ウィンドウの load を使うと、全てのリソース(スタイルシートや画像など)が読み込まれた後に処理を…