使える!WEB小技集〜JavaScriptで新規ウインドウを開くTips。
1upWEB!ホームページ制作の定番紹介!ノウハウ、小技Tips、検索エンジン、アクセスアップ方法、バナー広告など。1upWeb!,WEB,web,ウェブ,サイト,ホームページ,作成,TIPS,方法,アクセスアップ,JavaScript,CGI,スタイルシート,ダウンロード,フリー,自由,無料,画像  
Home使える!WEB小技集

Last Up 2003年11月21日 (金)

 

新規ウインドウを開く(←これです)ウインドウサイズ指定(ex.幅450、高さ350)

 

<SCRIPT language="JavaScript">
<!--
function OpenWin(){
win=window.open("開く対象HTMLファイルパス(ファイル名まで)","ウインドウ名指定","toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=350");
}
// -->
</SCRIPT>
 
<a href="javascript:OpenWin()">新規ウインドウを開く</a>

↓複数ウインドウ指定時(ex.3ウインドウ開く場合)
<SCRIPT language="JavaScript">
<!--
function OpenWin1(){
win=window.open("開く対象HTMLファイルパス(ファイル名まで)","ウインドウ名指定","toolbar=no,location=no,status=no,menubar=no,scrollbars=no,width=400,height=350");
}
function OpenWin2(){
win=window.open("開く対象HTMLファイルパス(ファイル名まで)","ウインドウ名指定","toolbar=no,location=no,status=no,menubar=no,scrollbars=no,width=400,height=350");
}
function OpenWin3(){
win=window.open("開く対象HTMLファイルパス(ファイル名まで)","ウインドウ名指定","toolbar=no,location=no,status=no,menubar=no,scrollbars=no,width=400,height=350");
}
// -->
</SCRIPT>
 
<a href="javascript:OpenWin1()">新規ウインドウを開く</a>
<a href="javascript:OpenWin2()">新規ウインドウを開く</a>
<a href="javascript:OpenWin3()">新規ウインドウを開く</a>

window.open属性
記述
内容
指定方法
width ウインドウの横幅(内寸) ピクセル指定
height ウインドウの高さ(内寸) ピクセル指定
toolbar ツールバーの表示/非表示 yes/no もしくは 1/0で指定
location ロケーションの表示/非表示 yes/no もしくは 1/0で指定
directories ディレクトリの表示/非表示 yes/no もしくは 1/0で指定
status ステイタスの表示/非表示 yes/no もしくは 1/0で指定
menubar メニューバーの表示/非表示 yes/no もしくは 1/0で指定
scrollbar スクロールバーの表示/非表示 yes/no もしくは 1/0で指定
resizable ウインドウのリサイズの可/不可 yes/no もしくは 1/0で指定
属性を全く指示しない場合は、非表示もしくは不可という指定になる。


●ウインドウを閉じる(上とセットで)

<input type="button" value="ウインドウを閉じる" onClick="JavaScript:window.close()" name="button">

ADVERTISEMENT