window.open()メソッド

window.open()は、新たなウィンドウを開くメソッド。

構文

<script type="text/javascript">
window.open();
</script>

<script></script>内であれば、window.は、下記のように省略可能。

<script type="text/javascript">
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>

HTML

<div class="sample">
    <button onclick="sampleOpenWindow()">新たにウィンドウを開く</button>
</div>

CSS

<style type="text/css">
.sample button {
    font-size: 16px;
}
</style>

スポンサード リンク

カテゴリー: JavaScript, Windowオブジェクト, ブラウザオブジェクト, メソッド, リファレンス, 開閉 パーマリンク