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] 文字列を大文字または小文字に変換する

文字列を大文字または小文字に変換するサンプルです。 大文字/小文字に変換するには、toUpperCase、toLower ...

[JavaScript] 埋め込み文字を使う

JavaScriptで埋め込み文字(埋め草文字)を使うサンプルです。 ※ECMAScript6対応ブラウザ以降で使用可で ...

[JavaScript] 現在日付をYYYY/MM/DD形式の文字列で取得する

現在日付をYYYY/MM/DD形式の文字列で取得するサンプルFunctionです。 サンプル 例)現在日付をYYYY/M ...

[JavaScript] JavaScriptの定義方法3パターン

JavaScriptを定義方法には以下3通りあります。 HTML内のscript領域に定義する 別ファイルにに定義する ...

[JavaScript] マウスが移動したイベントを取得する(onMouseMove)

マウスが移動したイベントを取得するには、onmousemoveを使用します。 サンプルソース 例)divタグ(id="a ...

スポンサーリンク