リンクをボタンのように使う!

[Version 3.0以降]

まずは試してみましょう。

このリンクをクリックすると、新しいウィンドウを開くことができます。

ウィンドウが開きましたか？

<SCRIPT LANGUAGE="JavaScript">
function newwindow() {
	nwin = window.open("", "Newwindow","width=280,height=480");
	nwin.document.open();
	nwin.document.write("<HTML><HEAD>");
	nwin.document.write("<TITLE>New one</TITLE>");
	nwin.document.writeln("<BODY>");
	nwin.document.write("This is new one. Written in HTML.");
	nwin.document.write("<IMG SRC=\"http://www.ueda.info.waseda.ac.jp/~gaku/js/latour.gif\">"); 
	nwin.document.write("</BODY></HTML>");
	nwin.document.close();

	return false;
}
</SCRIPT>

<A HREF="dummy.html" onClick="return newwindow()">このリンク</A>
をクリックすると、新しいウィンドウを開くことができます。

ウィンドウを開くスクリプトはリンク(<A>タグ)のonClick引数で指定されていますから、リンクがクリックされるとスクリプトが実行されます。

Netscape 3.0のJavaScriptでは、onClickがfalseで終わった場合、リンクのクリックを中止したと判断するようになりました。そこで、関数newwindow()でfalseを返し、それをreturn文でさらにonClickの戻り値としてやることにより、リンクをクリックしても他のページに行かなくなります。