JavaScript

[JavaScript] ページロード完了時のイベントを取得する(onLoad)

投稿日:2016年10月9日 更新日:

ページロード完了時のイベントを取得するには、onloadを使用します。

window.onloadを使うパターンと、bodyタグにonloadを記述するパターンを紹介します。

1.window.onloadを使うパターン

例)ページロード完了時にアラート表示する

2.bodyタグにonloadを記述するパターン

例)ページロード完了時にアラート表示する

解説

  • onLoadイベント発生タイミングは、ページ読込みが完了した時点です。
  • window.onloadで記述するパターンは、HTML側に何も記述する必要が無いため管理が楽です。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] JavaScriptファイルのキャッシュを使用しない方法

JavaScriptファイルのキャッシュを使用しない方法です。 解説 JavaScriptファイルを読み込むには、通常以 ...

[JavaScript] ブロックスコープを定義する

JavaScriptでブロックスコープを定義する方法です。 ECMAScript5以前の環境では即時関数を使用しますが、 ...

[JavaScript] ランダムに画像を表示する

ランダムに画像を表示するサンプルです。 ボタンを押すと以下3つの画像がランダムで表示されます。 サンプルソース 例)ボタ ...

[JavaScript] フォーマットを指定して日付を表示する

JavaScriptには日付をフォーマット指定して表示する関数が無いので、日付オブジェクトから年月日時分秒を取り出して整 ...

[JavaScript] セレクトボックスの選択中のインデックス番号を取得する

セレクトボックスの選択中のインデックス番号を取得するサンプルです。 サンプルソース 例)ボタンを押すと、セレクトボックス ...

スポンサーリンク