JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTMLの使い方やサンプルのブログ

JavaScript の基本 ~ ページの読み込み完了時に処理を実行したい ~

f:id:vw-dsg:20200601063255p:plain

~ ページの読み込み完了時に処理を実行したい ~

ページの読み込み完了時に処理を実行させるには「window.onload」を使用します。

例)window.onload = function() {  ~ ここに処理を記述 ~  };

※window を省略しても動作しますが、省略はあまりおすすめできません。

サンプルソース

<HTML>

<input id="botan" style="font-size: 20px;" type="button" value="ページの読み込み中…" />

<JavaScript>

window.onload = function() {
     var btn = document.getElementById("botan");
     btn.value = "ページの読み込みが完了しました!";
};

実行結果

※ページの読み込みが完了するとボタンのラベルが「ページの読み込みが完了しました!」に変わります。

END