[JavaScript] サブウィンドウの名前を取得する（window名.name）

投稿日：2018年7月29日更新日：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", "subWin1");
}

//サブ画面の名前を取得して表示する
function fncCheck(){
  var a = subwin.name;
  alert(a);
}
</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", "subWin1");

}

//サブ画面の名前を取得して表示する

function fncCheck(){

var a = subwin.name;

alert(a);

}

</script>

</head>

<body>

</body>

</html>

（結果）: subWin1

サブ画面を開いた状態で「チェック」ボタンを押した結果です。

解説

サブ画面の名前を取得するには、window名.name で取得できます。
ローカル環境では以下のエラーが発生するので、サーバ上で動作させてください。
DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.

執筆者：とら