[イベントハンドラ]

○フォーマット

<タグ 属性='値' A='B()' />
document.getElementById('tag名').A=B;
document.getElementById('tag名').A=function(a){B(a,b)};

・HTMLのタグにイベントAを記述することでイベントハンドラ関数Bを実行することができます。2行目はスクリプトによる記述です。引数を渡したい場合は3行目のように匿名関数を使います(aはイベントオブジェクト)。

this
this.value
this.selectedIndex
this.checked
this.type

・上記フォーマットで、B()の引数や変数部分[例：this.value.B()]、処理などに使います。1行目はタグ、2行目は値、3行目はselectで選択された番号、4行目はradioがcheckされていればtrue、5行目はtypeの値を返します。

onsubmit='return false'

・formタグに記述するとEnterキーによるフォーム送信動作を防ぐことができます。ボタンタグにはsubmit()を使う必要が生じます。

this.form.action

・submitにonclickでURLを代入することで、フォームの送信先を設定できます。

this.form.disabled=true;

・フォームを無効にします。falseを与えることで有効にします。

document.getElementById(a).style.display='none';

・Id=aのブロックを隠します。blockを代入すると解除されます。

this.form.submit()

・submitボタンと同じ処理をします。buttonのonclickなどに記述します。

onclick

・上記フォーマットで、Aの部分に記述します。該当タグのクリック後にイベントハンドラが実行されます。

onload
window.onload=B;
function B(){C();D();}

・上記フォーマットで、bodyタグのAの部分に記述します。ページが読み込まれた直後に実行されます。2行目はスクリプト記述です。3行目は複数関数(CとD)を設定したい場合の追加記述です。

onchange

・上記フォーマットで、Aの部分に記述します。該当タグでの入力後にイベントハンドラが実行されます。

【ホームページ制作予定の方へお勧めするレンタルサーバーです】