window.open( url, name )は、新たなウィンドウを開き、第２引数「name」に指定したウィンドウやフレームに、第１引数「URL」に指定したドキュメントを読み込むメソッド。
構文
<script type="text/javascript">
window.open( url, name );
</script>
window.open( url, name );
</script>
<script>～</script>内であれば、window.は、下記のように省略可能。
<script type="text/javascript">
open( url, name );
</script>
open( url, name );
</script>
引数
- url
- 新たに開くウィンドウで読み込むドキュメントのURLを指定。
- 指定しない場合、「about:blank」の新たなウィンドウを開く。
- name
_blankや_selfなどのターゲット属性値か、ウィンドウ名を指定する。_blank：新規ウィンドウにドキュメントを読み込む。_self：現在のフレーム、もしくは、現在のウィンドウにドキュメントを読み込む。_parent：親フレームにドキュメントを読み込む。_top：フレーム分割時のトップフレームにドキュメントを読み込む。フレーム分割を解除することになる。- ウィンドウ名：
<a>要素や<form>要素などのターゲット属性で使用し、ターゲットにすることができる。
戻り値
新たに開いたウィンドウへの参照。
サンプル
サンプルの動作について
- 「新たにウィンドウを開く」ボタンをクリックすると、「about:blank」の新たなウィンドウを開く。
- 「サンプルウィンドウに表示」のリンクをクリックすると、開いたウィンドウに「アルファシスのJavaScript（ジャバスクリプト）リファレンス 」のページを読み込む。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sampleOpenWindow() {
window.open( '', 'sampleWindow' );
}
</script>
function sampleOpenWindow() {
window.open( '', 'sampleWindow' );
}
</script>
HTML
<div class="sample">
<button onclick="sampleOpenWindow()">新たにウィンドウを開く</button>
<br />
<a href="http://alphasis.info/javascript/" target="sampleWindow">サンプルウィンドウに表示</a>
</div>
<button onclick="sampleOpenWindow()">新たにウィンドウを開く</button>
<br />
<a href="http://alphasis.info/javascript/" target="sampleWindow">サンプルウィンドウに表示</a>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>