A03 文字をクリックしたらダイアログを出す

文字をクリックされたらメッセージダイアログが出ます。


応用:alert()文の中の 'これはリンクではありません(^^)' という文を好きな言葉に取り替えればいろいろな用途に使えます。
参照: javascript, function, onClick, alert(),

Sample

説明はここをクリック



Source
ソース
(コピーしてお使いください)

<html>
<head>
<title></title>
</head>
<body>

<a href="javascript:function voi(){};voi()"
   onClick="alert('これはリンクではありません(^^)')"
>
説明はここをクリック </a> </body> </html>
a href="javascript:命令文"でクリックしたら"命令文"を実行するという意味ですが
ここではfunction voi(){}という 中味のない voi()という関数を作って から、続くvoi()で「なにもしない」^^;を実行してます。Netscapeの3.0(JavaScript1.1)からは作らなくてもvoid(0)という命令が用意されていますが、2.0などではエラーになるのでこの方法にしました。ただ、最近ではJavaScript1.1以上のブラウザが標準ですのでvoid(0)でも大抵は大丈夫です。その場合は、たとえば、A HREF="javascript:void(0)"と書きます。

onClick="命令文"でクリックしたら"命令文"を実行するという意味です

alert("文章")で"文章"の入ったダイアログを表示します

下記のように書いても同じことができるのですがMac版IEで文字化けするのでここではonClickを使いました。
<a href="javascript:alert('これはリンクではありません(^^)')">
説明はここをクリック </A>


Contents
| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)


Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi