window.open()は、新たなウィンドウを開くメソッド。
構文
<script type="text/javascript">
window.open();
</script>
window.open();
</script>
<script>～</script>内であれば、window.は、下記のように省略可能。
<script type="text/javascript">
open();
</script>
open();
</script>
戻り値
新たに開いたウィンドウへの参照。
サンプル
サンプルの動作について
「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開く。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sampleOpenWindow() {
sampleWindow = window.open();
sampleWindow.document.write( '<!DOCTYPE html>' );
sampleWindow.document.write( '<html lang="ja"><body>' );
sampleWindow.document.write( '<p>サンプルウィンドウ</p>' );
sampleWindow.document.write( '</body></html>' );
sampleWindow.stop();
}
</script>
function sampleOpenWindow() {
sampleWindow = window.open();
sampleWindow.document.write( '<!DOCTYPE html>' );
sampleWindow.document.write( '<html lang="ja"><body>' );
sampleWindow.document.write( '<p>サンプルウィンドウ</p>' );
sampleWindow.document.write( '</body></html>' );
sampleWindow.stop();
}
</script>
HTML
<div class="sample">
<button onclick="sampleOpenWindow()">新たにウィンドウを開く</button>
</div>
<button onclick="sampleOpenWindow()">新たにウィンドウを開く</button>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>