JavaScript

[JavaScript] サブウィンドウから親ウィンドウを参照する(window.opener)

投稿日:2016年10月2日 更新日:

サブウィンドウから親ウィンドウを参照するには、window.openerで参照できます。

サンプルソース

例)子画面(sub.html)で入力された値を親画面(main.html)にセットする

実行サンプル

ここに子画面で入力された値がセットされます。

 

解説

window.openで開いたウィンドウは、window.openerで親ウィンドウを参照できます。
(window.openの詳細は「サブウィンドウを開く」を参照ください。)


子画面から親画面へ値を渡したい場合は、以下のように親画面のオブジェクトを取得して value等へ値を渡せばOKです。


子画面を閉じたい場合は、以下のようにすれば閉じることができます。

その他メモ

  • 親画面が既に閉じられている状態で値をセットするとjavascriptエラーとなります。
  • エラーを回避したい場合は、値をセットする前にwindow.openerで取得したオブジェクトをnull判定すればOKです。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 10進表記のカラーコードを16進表記に変換する

10進表記のカラーコードを16進表記に変換したい場合にご利用ください。 10進表記のカラーコードを16進表記に変換する ...

[JavaScript] 要素をHTML形式でコンソールに出力する(console.dirxml)

要素をHTML形式でコンソールに出力したい場合は、console.dirxmlを使用します。 サンプルソース 例)要素( ...

[JavaScript] keydownイベントを取得する(onkeydown)

JavaScriptでkeydownイベントを取得するサンプルです。 サンプルソース 例1)テキストボックス上でキーを押 ...

[JavaScript] 新規に開いた画面にSubmitする

新規に開いた画面にSubmitするサンプルです。 サンプルソース 例)ボタンを押すと 1000×500px の画面を開き ...

[JavaScript] 数値が非数かどうかチェックを行う(isNaN)

数値が非数(NaN値)かどうかチェックをするには、isNaN()関数を使用します。 サンプル 例)isNaN関数の結果例 ...

スポンサーリンク