window.close()メソッド

window.close()は、ウィンドウを閉じるメソッド。

構文

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

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

<script type="text/javascript">
close();
</script>

戻り値

なし。

サンプル

サンプルの動作について

  1. 「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開く。
  2. 「開いたウィンドウを閉じる」ボタンをクリックすると、開いたウィンドウを閉じる。
  3. 開いたウィンドウ内にある「このウィンドウを閉じる」ボタンをクリックしても、開いたウィンドウを閉じることができる。

サンプルのソースコード

JavaScript

<script type="text/javascript">
var $sampleWindow;
function openSampleWindow() {
    $sampleWindow = window.open( 'http://alphasis.info/wp-content/uploads/2013/07/javascript-windowObject-open-url.html' );
}
function closeSampleWindow() {
    $sampleWindow.close();
}
</script>

HTML

<div class="sample">
    <button onclick="openSampleWindow()">新たにウィンドウを開く</button>
    <button onclick="closeSampleWindow()">開いたウィンドウを閉じる</button>
</div>

CSS

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

新たに開いたウィンドウのHTML

<!DOCTYPE html>
<html lang="ja">
    <head>
        <title>サンプルウィンドウ</title>
    </head>
    <body>
        <h1>サンプルウィンドウ</h1>
        <p><button onclick="window.close()">このウィンドウを閉じる</button></p>
        <p><a href="http://alphasis.info/" target="_blank">アルファシス</a></p>
    </body>
</html>

スポンサード リンク

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