weblovelog

ウェブ業界人のためのウェブ情報サイト。

onloadイベントについて【JavaScript】

   

特徴

  1. onloadイベントは1ページに1度だけ!
  2. 1ページ内でonloadイベントを複数使用した場合、先に記述したものは後から記述されたものにより上書きされてしまう

記述方法(ページ内に一回だけ)

  • HTMLのBODYに記述する
<body onload="処理を記述">
  • スクリプト内に記述する
window.onload = function example() {
    //処理を記述
}

記述方法(ページ内に複数)

  • onload用の関数を用意
window.onload = init;
 
function init (){
    example1();
    example2();
    example3();
}
 
function example1 () {
    //処理を記述
}
 
function example2 () {
    //処理を記述
}
 
function example3 () {
    //処理を記述
}
  • prototype.jsのEvent.observeを使用し、onloadイベントを追加する

参考:AIDREAM 様のサイトを引用&参考にさせていただきました。ありがとうございました。

 

 - JavaScript, プログラミング

Message

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

  関連記事