[JavaScript]子ウインドウから親ウインドウを更新する方法

ブラウザで子ウインドウを開いて操作をしている時に、子ウインドウの操作結果を親ウインドウを更新(リロード)することで表示し直したいケースがあります。

今回は子ウインドウのボタンを押した時に、親ウインドウを更新する方法をご紹介します。

たったの1行

JavaScriptを使えば簡単にできてしまいます。たったの1行です。

<input type="button" value="更新" onclick="window.opener.location.reload()">

これだけで更新ボタンを押した時に、親ウインドウの内容が更新されます。

応用編

以前ご紹介した「onClickで複数の関数を実行する方法」を使って、子ウインドウを閉じるボタンを押した時に親ウインドウを更新するというのも簡単にできます。

<input type="button" value="更新" onclick="window.opener.location.reload(),window.close()">

簡単なのに使う機会が多い内容だと思います。ぜひ役立ててください。

本日は以上です。