JavaScript の基本 ~ ページの読み込み完了時に処理を実行したい ~
~ ページの読み込み完了時に処理を実行したい ~
ページの読み込み完了時に処理を実行させるには「window.onload」を使用します。
例)window.onload = function() { ~ ここに処理を記述 ~ };
※window を省略しても動作しますが、省略はあまりおすすめできません。
サンプルソース
<HTML>
<input id="botan" style="font-size: 20px;" type="button" value="ページの読み込み中…" />
window.onload = function() {
var btn = document.getElementById("botan");
btn.value = "ページの読み込みが完了しました!";
};
実行結果
※ページの読み込みが完了するとボタンのラベルが「ページの読み込みが完了しました!」に変わります。
END