Javascriptで開いた子画面から親画面の関数を呼び出す

公開日: : 最終更新日:2015/11/06 テクニック , , ,

子画面から親画面の関数を呼び出す

Javascriptで開いた子画面(ポップアップウィンドウ)から、親画面の関数を呼び出します。

子画面から親画面を操作するにはwindow.openerを使う

Javascript子画面から親画面を操作するにはwindow.openerを使います。
それを応用すると子画面から親画面の関数や変数が利用できるようになります。

(親画面のソース)

(子画面のソース)
[javascript]

上記での子画面にあるボタン「名前設定」を押下すると、親画面の「my_name」に名前が設定されます。
処理としては「window.opener」に続けて「呼び出したい関数名」を設定します。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • 14 follow us in feedly

関連記事

no-img

「===」で値だけではなく型の一致もチェック

Javascriptで値だけではなく方の一致もIF文でチェックする ふと、とあるソースを眺めている

記事を読む

SQLServer

setInterval()やsetTimeout()に引数ありの関数を指定する

setInterval()やsetTimeout()に引数ありの関数を使う Javascriptで

記事を読む

keybord_black

Javscriptでイベントを追加する

Javscriptで既存のイベントに処理(関数)を追加する すでにあるイベントに処理(関数)を追加

記事を読む

keybord_black

モーダルダイアログを画面中央に表示する

モーダルダイアログを画面中央に表示 JavaScriptでモーダルダイアログを表示するには 「s

記事を読む

no-img

HTML-AタグのhrefをJavascriptで動的に有効/無効を切り替える。

Aタグのhrefの有効無効を切り替える 画面の選択状態によってAタグのhrefを動的に有効/無効を

記事を読む

no-img

JavascriptでTABLEタグに行を追加、削除する

TABLEタグに行を追加、削除する Javascriptを使ってHTML上のテーブルに行を追加

記事を読む

no-img

ブラウザーに印刷プレビューボタン作成

ブラウザーに印刷プレビューボタンを作成する Internet Explorer(IE)で印刷プレビ

記事を読む

a0001_013635

ブラウザの閉じるボタンが押下された時の制御

ブラウザの閉じるボタン(「×」)が押下された時のイベント ブラウザの閉じるボタンが押下された時の制

記事を読む

no-img

HTMLで動的にコントロールの表示/非表示を切り替える

動的にコントロールの表示/非表示を切り替える HTMLとJavascriptを使って表示されている

記事を読む

keybord_black

Javascriptの変数は初期化して使わないとundefinedになるので要注意

どんな言語もローカル変数は初期化して使うのが良い Javascriptに限らずどんな言語にも言える

記事を読む

SQLServer
setInterval()やsetTimeout()に引数ありの関数を指定する

setInterval()やsetTimeout()に引数ありの関数を

keybord_black
Javscriptでイベントを追加する

Javscriptで既存のイベントに処理(関数)を追加する すでにあ

no-img
ブラウザーに印刷プレビューボタン作成

ブラウザーに印刷プレビューボタンを作成する Internet Exp

no-img
「===」で値だけではなく型の一致もチェック

Javascriptで値だけではなく方の一致もIF文でチェックする

a0001_013635
ブラウザの閉じるボタンが押下された時の制御

ブラウザの閉じるボタン(「×」)が押下された時のイベント ブラウザの

→もっと見る



PAGE TOP ↑