window.closedプロパティ

投稿日: 2013年7月3日 作成者: alphasis

window.closedは、ウィンドウが閉じられているかどうかを返すプロパティ。

構文

<script type="text/javascript">
window.closed;
</script>

戻り値

  • ウィンドウが閉じられている場合、「true」を返す。
  • ウィンドウが閉じられていない場合、「false」を返す。

サンプル




window.closed:

サンプルの動作について

  1. 「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開き、「$sampleWindow.closed: 」の右横に「false」と表示する。
  2. 「開いたウィンドウを閉じる」ボタンをクリックすると、開いたウィンドウを閉じ、「$sampleWindow.closed: 」の右横に「true」と表示する。
  3. 開いたウィンドウ内にある「このウィンドウを閉じる」ボタンをクリックしても、開いたウィンドウを閉じることができる。「ウィンドウを閉じたかどうか調べる」ボタンをクリックすると、「$sampleWindow.closed: 」の右横に「true」と表示する。

サンプルのソースコード

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' );
    document . getElementById( "sampleWindow-closed" ) . innerHTML = $sampleWindow.closed;
}
function closeSampleWindow() {
    $sampleWindow.close();
    document . getElementById( "sampleWindow-closed" ) . innerHTML = $sampleWindow.closed;
}
function closedSampleWindow() {
    document . getElementById( "sampleWindow-closed" ) . innerHTML = $sampleWindow.closed;
}
</script>

HTML

<div class="sample">
    <button onclick="openSampleWindow()">新たにウィンドウを開く</button>
    <button onclick="closeSampleWindow()">開いたウィンドウを閉じる</button>
    <br /><br />
    <button onclick="closedSampleWindow()">ウィンドウを閉じたかどうか調べる</button>
    <br />
    window.closed: <span id="sampleWindow-closed"></span>
</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オブジェクト, ブラウザオブジェクト, プロパティ, リファレンス, 開閉 パーマリンク