コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript window関連

[JavaScript] サブウィンドウから親ウィンドウを参照する

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

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

サンプルソース

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

実行サンプル

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

 

解説

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


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


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

その他メモ

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

スポンサーリンク

スポンサーリンク

-JavaScript, window関連

執筆者:


comment

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

関連記事

[JavaScript] 文字色と背景色を変更する

JavaScriptで文字色と背景色を変更するサンプルです。 サンプルソース 例)id="target"要素の文字色を白 ...

[JavaScript] 指定したCSSクラス名の全ての背景色を変更する

指定したCSSクラス名が定義された要素全ての背景色を変更するサンプルです。 ソースを一部書き換えれば、背景色以外の変更に ...

[JavaScript] JavaScriptのみ実行して遷移は行わないリンクを作成する

JavaScriptのみ実行するリンクにするは、hrefに"javascript:~"と記述します。 サンプルソース 例 ...

[JavaScript] 一番初めにゼロでない数値を返す

複数の値で、一番初めにゼロでない値を返す書き方です。 サンプルソース 例)複数の値で一番初めにゼロでない値を返す書き方の ...

[JavaScript] JavaScriptの型

JavaScriptではvarで変数宣言するのであまり型を意識しないかもしれませんが、 内部的には以下の型が自動で判定さ ...

スポンサーリンク