A05 写真をクリックしたらダイアログを出す1 -onClickを使うケース-

写真をクリックするとメッセージダイアログが出ます。


応用:alert()文の中の 'と' にはさまれた文章を好きな言葉に取り替えればいろいろな用途に使えます。
参照: javascript, function, onClick, alert(),

Sample

写真をクリックすると説明が出ます。



Source
ソース
(コピーしてお使いください)
<html>
<head>
<title></title>
</head>
<body>

<a href="javascript:function voi(){};voi()"
   onClick="alert('これはonclickでalert文を実行しました')">
<img src="GANCHO.GIF" width="120" border="0"></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("文章")で"文章"の入ったダイアログを表示します


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


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