イベント

basic.gif (3042 バイト)

 ページの読み込みと同時に何かを実行したい

ページの読み込みと同時に何かを実行したいときには次の命令を使おう。
また、そのページから違うページに移動するとき(つまり、今のページから飛び出すとき)に実行するための命令も載せておくよ。

onload = "■";・・・・・ページの読み込みと同時に■を実行する
onunload = "■";・・・・・ページを移動するときに■を実行する
■:実行する命令

これはページの読み込みと、移動のときに行う命令なので、
<BODY>のなかに書いてやろう。
今回の命令はページに入ってからの時間を表示するプログラムだよ。

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
cnt = 0;
function count(){
    document.form.box.value = cnt;
    cnt++;
    setTimeout("count()",1000);
}
//-->
</SCRIPT>

</HEAD>
<BODY onload="count()" onunload="alert('また来てね')"> ←読み込みと共にcount()、移動と共にalert("")を実行している
<FORM name="form">
<INPUT type="text" name="box">
</FORM>
</HTML>

これを実行すると、

↑このページに入ってからの秒数が表示される。他のページへ行ったり更新ボタンを押すとダイアログが出てくる。

ページに入ってからのプログラムなので、ページに入った瞬間に命令を開始しないといけないね。
命令の中身は、1秒ごとにフォーム内の数字を1ずつ増やしているんだよ。


back.gif (1116 バイト) フォーカスイベント
next.gif (705 バイト) キーボードイベント