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] フォーカス・イン イベントを取得する(onFocus)

フォーカス・イン イベントを取得するには、onfocusを使用します。 サンプルソース 例)フォーカスが当たるとアラート ...

[JavaScript] 文字列をBase64エンコードする(.btoa)

文字列をBase64エンコードには、window.btoa()を使用します。 サンプルソース 例)文字列「abcdefg ...

[JavaScript] 正規表現パターンサンプル集

正規表現パターンのサンプルをまとめてみました。 ぜひご利用ください。 正規表現サンプル 【正規表現パターン】 パターン意 ...

[JavaScript] アラートを表示する(window.alert)

アラートを表示するには、window.alert()を使用します。 サンプルソース 例)アラートを表示する [crayo ...

[JavaScript] 文字列の一部分を切り出す(substr, substring, slice)

文字列の一部分を切り出すには、 substrを使う方法、substringを使う方法、sliceを使う方法があります。 ...

スポンサーリンク