【JavaScript & jQuery】ページ読み込み時に処理を実行する

ページ読み込み時に処理を実行したいときのメモ。

【JavaScript & jQuery】ページ読み込み時に処理を実行する

ページ読み込み時に実行するjavascriptは指定方法がいくつかあるのですが、それぞれ実行タイミングが違うので忘れないようにメモします。

onloadイベント

window.onload = function(){
// ページ読み込み時に実行する処理
}

JavaScriptのonloadイベントはDOMツリーの構築だけでなく、画像などの関連データの読み込みが完了してから処理を実行する。

jQueryのreadyメソッド

$(document).ready( function(){
// ページ読み込み時に実行する処理
});

jQueryのreadyメソッドはDOMツリーの構築が完了した時点で処理を実行します。

jQueryのreadyメソッドは省略表記ができる

jQueryのreadyメソッドは↓のように省略表記で記述することもできる。

$(function(){
// ページ読み込み時に実行する処理
});