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] 文字列の先頭の文字を削除する

文字列の先頭の文字を削除するサンプルです。 サンプルソース 例)文字列の先頭の文字を削除する [crayon-5c9a1 ...

[JavaScript] 配列から要素を削除する

配列から要素を削除するサンプルです。 配列の全要素を削除する 配列の全要素を削除するには、ブランクで更新します。 [cr ...

[JavaScript] 指定したタグ全てにスタイルを適用する

JavaScriptで指定したタグ全てにスタイルを適用するサンプルです。 例えば、全てのpタグの背景色を赤くするなどとい ...

[JavaScript] ディスプレイのサイズを取得する(screen.width、screen.height)

ディスプレイのサイズ(画面解像度)を取得するには、 screen.width、screen.height を使用します。 ...

[jQuery] 画像アップロード時にプレビュー表示する(canvas版)

画像アップロード時にプレビュー表示するサンプルです。 ※canvas領域にプレビューします。 サンプルソース 例)画像を ...

スポンサーリンク