[JavaScript] サブ画面が開いているか閉じているかチェックする（window名.closed）

投稿日：2018年8月2日更新日：2018年9月8日

サブ画面が開いているか閉じているかチェックするサンプルです。

サンプルソース

例）サブ画面が開いているか閉じているかチェックする

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>サンプル</title>
<script>
var subwin;

//サブ画面を開く
function fncOpen(){
  subwin = window.open("xxx.html", "sub");
}

//サブ画面が開いているか閉じているかチェック
function fncCheck(){
  var a = true;
  if(subwin != undefined){
    a = subwin.closed;
  }
  var str = (a)?"閉じています。":"開いています。";
  alert(str);
}
</script>
</head>
<body>
  <input type="button" value="開く" onclick="fncOpen();">
  <input type="button" value="チェック" onclick="fncCheck();">
</body>
</html>

<!DOCTYPE html>

<head>

var subwin;

//サブ画面を開く

function fncOpen(){

subwin = window.open("xxx.html", "sub");

}

//サブ画面が開いているか閉じているかチェック

function fncCheck(){

var a = true;

if(subwin != undefined){

a = subwin.closed;

}

var str = (a)?"閉じています。":"開いています。";

alert(str);

}

</script>

</head>

<body>

</body>

</html>

「開く」でサブ画面を開いた状態で、「チェック」ボタンを押すと"開いています。"が表示されます。

解説

サブ画面が開いているか閉じているかチェックするには、window名.closed を使用します。
開いている場合はfalse、閉じている場合はtrueが返ります。

執筆者：とら