Web覚書トップ > JavaScript サンプル > 『アンカーをクリックでメッセージボックスを表示させてみる』
説明

アンカー(<A>〜</A>のリンク部分)の上をクリックすると、通常、指定されたページにジャンプしますよね。 それをジャンプするのではなくメッセージを表示するようにしてみましょう。

実行例

ココをクリックしてみてください

コード
<A href="****" onClick="alert('Hello JavaScript !!');return false;">

解説&ステップアップ

「onClick」イベントの中にJavaScriptを記述してやります。
「return false」を記述しないと、メッセージボックスを表示した後に、「href」で指定したページに飛ぼうとするので気をつけてください。 また、「alert()」という命令は、省略せずに書くと「window.alert()」になります。「window」オブジェクトは最上位のオブジェクトなので、省略することができます。
ちなみにメッセージの中で改行させるには、「\n」を使います。

動作確認

IE5.0(win)、IE5.5(win)、NN4.7(win)

© hyork@yahoo.co.jp (2001. 1.31)