下のリンクボタンをクリックすると、新しいウィンドウが開きます。

link_button

<HEAD>の部分の記述

<SCRIPT LANGUAGE="JavaScript">
function newWin(){
w=window.open("読み込むHTMLファイル名","新しいウィンドウ名",
"WIDTH=300,HEIGHT=300,SCROLLBARS=1,RESIZABLE=1,TOOLBAR=1,MENUBAR=1,LOCATION=1,DIRECTORIES=1,STATUS=1");
}
</SCRIPT>

<BODY>の部分の記述

<A HREF="js_wi05.html" onClick="newWin()">
<IMG SRC="../gif/js_lnk01.gif" ALT="link_button" BORDER=0>
</A>


ボタンをクリックすると、新しいウィンドウを開いて、<HEAD>の部分で指定したファイルを読み込みます。
ここでは、ボタンをクリックすると現在のページをRELOADするように指定してあるので、改善が必要・・・



ウィンドウを開くだけならば、TAGで可能。
新しいウィンドウを開いてリンク

FORMを使用した場合、TYPEを"image"にすると、ボタンはイメージデータが表示されるが、ウィンドウは開かない。
FORMのボタンのTYPEを"image"にする


Java Script サンプル集へ戻る