SYNCERのロゴ
アイキャッチ画像

Window.opener - 自身を開いたウィンドウ

openerは、Windowのプロパティです。自身をハイパーリンク(target=_blank)やopen()で新しく開いた元のウィンドウを返します。

概要

名前
opener
所属
Window
IDL
attribute any opener;
仕様書
https://html.spec.whatwg.org/multipage/browsers.html#dom-opener

説明

自身を開いた元のウィンドウを返す。

存在しなかったり同一オリジンポリシーに違反している場合、nullを返す。

デモ

Window.openerのデモです。新しく開いたウィンドウから、元のウィンドウを参照し、テキスト色を変更します。開いたデモページのボタンをクリックする前と後での違いを確認してみましょう。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
<p id="hoge">このテキストの色が変更されます。</p>
<hr>
<p><button id="open">スクリプトでウィンドウを開く</button></p>
<hr>
<p><a href="./demo.html" target="_blank">手動でウィンドウを開く</a></p>
<script>
document.getElementById( "open" ).onclick = function () {
	open( "./demo.html" ) ;
}

// 新しいウィンドウで開くデモページでの処理
// opener.document.getElementById( "hoge" ).style.color = "red" ;
</script>

</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月13日 (金)
コンテンツを公開しました。