JavaScript

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

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

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

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

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

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

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 文字列をBase64エンコードする(.btoa)

文字列をBase64エンコードには、window.btoa()を使用します。 サンプルソース 例)文字列「abcdefg ...

[JavaScript] 配列をソートする(.sort)

配列をソートするには、.sort()を使用します。 サンプル 例)配列をソートする [crayon-5c9a219855 ...

[JavaScript] セレクトボックスの選択中のvalue値を取得する

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

[JavaScript] 適用するCSSファイルを動的に変更する

CSSファイルを動的に変更するサンプルです。 サンプルソース 例)適用するCSSファイルを「sample1.css」から ...

[JavaScript] ブラウザ上の要素の表示/非表示を切替える(非表示時は詰まる)

ブラウザ表示上の指定した箇所の表示/非表示を切り替えるサンプルです。 非表示時は表示領域が詰まって表示されます。 サンプ ...

スポンサーリンク