イベントの呼び出し（キャッチ）方法
　　　　　　　〜ボタンのクリックを例として〜

■(1)タグ属性としてタグ内に直接記述
　　　　(古くから使われ、一般的で解りやすく使いやすい。ただし最近では推奨されてないようだ）
　　　　　　(例）<button onclick="Test1()">

■(2)window.onload = で指定しておき、id属性からキャッチする
　　　(例）window.onload = function(){
                document.getElementById("bt2").onclick = function(){
                            alert("テスト　2　：成功しました　(^^♪〜　");
                 }
           }
           

■(3)　(2)と仕組みは同じだが、イベントリスナーにwindow.onloadを登録しておく方法
                      (注意：イベントリスナーはIEとその他のプラウザでは異なる） 　　　
       (例）
          if(window.addEventListener){　　　//IE以外用
                   window.addEventListener("load",Test3,false);
          }
         if(window.attachEvent){            //IE用
                  window.attachEvent("onload",Test3);
         }
       

Sample Source......................................................................>>>

<script language="JavaScript"><!--
　window.onload = function(){
　　　　　document.getElementById("bt2").onclick = function(){
　　　　　　　　　alert("テスト　2　：成功しました　(^^♪〜　");
　　　　　}
　}

　function Test1(){
　　　　alert("テスト　1　：成功しました　(^^♪〜　");
　}

 if(window.addEventListener){　　　//IE以外用
        window.addEventListener("load",Test3,false);
 }
 if(window.attachEvent){            //IE用
        window.attachEvent("onload",Test3);
 }
 function Test3(){
        document.getElementById("bt3").onclick = function(){
        alert("テスト　3　：成功しました　(^^♪〜　");
 }
}
//--></script>
</head>

<body>
<p>■(1)タグ属性としてタグ内に直接記述
　　　　　　　<button onclick="Test1()">テスト 1</button>
</p>
<p>■(2)window.onload = で指定しておき、id属性からキャッチする
　　　　　　　<button id="bt2">テスト 2</button></p>
<p>■(3)　(2)と仕組みは同じだが、イベントリスナーにwindow.onloadを登録しておく方法
              <button id="bt3">テスト 3</button>　　

(最終更新:12/12/21)
フレーム構成になっています･･･＜[ホーム]　>>　[HTML整理ノート]＞