この記事では、JavaScriptを実行するタイミングについて解説します。
JavaScriptを実行するタイミング
JavaScriptを実行するタイミングは3つ。
- ページ読込前
- (HTML)読込直後
- （HTML・画像などの全てのコンテンツ）読込完了後
ここでは③の「全てのコンテンツ読込後」にJavaScriptを実行するonloadについて紹介します。
onload
ページの読込完了後にJavaScriptを実行する方法です。
HTMLファイル側に記述
body onloadを使います。
<body onload="hoge()">
// 記述
</body>function hoge () {
alert('読込完了');
}JavaScriptファイル側に記述
window.onload = function() {
alert('読込完了');
}