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




<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>の部分の記述

<FORM METHOD="post">
<INPUT TYPE="button" VALUE="新しいウィンドウを開く" onClick="newWin()">
</FORM>


ボタンをクリックすると、新しいウィンドウを開いて、<HEAD>の部分で指定したファイルを読み込みます。



ブラウザ対応確認表
Netscape NavigatorInternet Explorer
Ver.2Ver.3GoldCommmuicatorVer.3
Ver.2.02
(Win95)
(Mac)
Ver.3.0[ja]
(Win95)
Ver.3.0
(Mac)
Ver.3.01Gold[ja]
(Win95)
Ver.3.01Gold
(Mac)
Commmunicator
4.0
PreRelease2
(Mac)
Ver.3.0
(Win95)
Ver.3.0.1b1
(Mac)

×*1


 

*1 ウィンドウは開くが、HTMLの内容が表示されない。




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

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



Java Script サンプル集へ戻る