別ウィンドウを開く
直接タグに入力する場合
下記の'javascript.html'の後に、カンマを入れて'newwindow'と入力すれば、新しく開いたページの名前をnewwindowとすることができます。
また、その後にカンマを加えてシングルクォーテーションの間に新しく開いたページのスクロールバーなどの設定を決めることが可能です。この設定は、yesか1のときが表示でnoか0のときが非表示です。
・width−ウィンドウの幅
・height−ウィンドウの高さ
・left−ウィンドウの表示させる横位置（ディスプレイの左上が基準）
・top−ウィンドウの表示させる縦位置（ディスプレイの左上が基準）
・scrollbars−スクロールバー
・menubar−メニューバー
・toolbar−ツールバー
・location−ロケーションバー
・status−ステータスバー
・resizable−リサイズハンドル
また、その後にカンマを加えてシングルクォーテーションの間に新しく開いたページのスクロールバーなどの設定を決めることが可能です。この設定は、yesか1のときが表示でnoか0のときが非表示です。
・width−ウィンドウの幅
・height−ウィンドウの高さ
・left−ウィンドウの表示させる横位置（ディスプレイの左上が基準）
・top−ウィンドウの表示させる縦位置（ディスプレイの左上が基準）
・scrollbars−スクロールバー
・menubar−メニューバー
・toolbar−ツールバー
・location−ロケーションバー
・status−ステータスバー
・resizable−リサイズハンドル
テキストで別ウィンドウを開くシンプルな設定
<a href="#" onClick="javascript:window.open('javascript.html')">別ウィンドウを開く</a>
例
<a href="#" onClick="javascript:window.open('javascript.html')">別ウィンドウを開く</a>
例
ウィンドウ名を省略してスクロールバーとリサイズハンドルを非表示にした場合
<a href="#" onClick="javascript:window.open('javascript.html','','scrollbars=0, menubar=1, toolbar=1, location=1, status=1, resizable=0')">別ウィンドウを開く</a>
例
<a href="#" onClick="javascript:window.open('javascript.html','','scrollbars=0, menubar=1, toolbar=1, location=1, status=1, resizable=0')">別ウィンドウを開く</a>
例
ボタンに適用した場合
<input type="button" value="別ウィンドウを開く" onClick="javascript:window.open('javascript.html')">別ウィンドウを開く</a>
例
<input type="button" value="別ウィンドウを開く" onClick="javascript:window.open('javascript.html')">別ウィンドウを開く</a>
例
ヘッダーの中にJavascriptを入れる場合
プログラム処理部分をヘッダーに入れる方法です。
<html>
<head>
<title>別ウィンドウを開くテスト</title>
<script type="text/JavaScript">
<!--
function WindowOpen(){
window.open("javascript.html");
}
//-->
</script>
</head>
<body>
<a href="#" onClick="WindowOpen()">別ウィンドウで開く</a>
</body>
</html>
<head>
<title>別ウィンドウを開くテスト</title>
<script type="text/JavaScript">
<!--
function WindowOpen(){
window.open("javascript.html");
}
//-->
</script>
</head>
<body>
<a href="#" onClick="WindowOpen()">別ウィンドウで開く</a>
</body>
</html>