トップページ >  javascript >  子画面から親画面を操作する
初版2008/10/30: 最終更新日2008/10/30
  子画面から親画面を操作する
子画面から親画面を操作する
window.openで開いた画面(子画面)から親画面を操作することが出来ます。
例えば子画面の値を親画面にセットしたり、親画面の値を子画面にセットしたり出来ます。
以下、例です。



子画面から選択した値が入ります。→

親画面ソース
<html>
<head>
<title></title>
</head>
<body>
<input type="button" value="open" onclick="openWindowCenterStd('a.html','new');">
子画面から選択した値が入ります。→<input type="text" id="field">
</body>
</html>
子画面ソース
<html>
<head>
<title></title>
<script type="text/JavaScript">
    function set(){
        window.opener.document.getElementById("field").value = document.getElementById("field").value;
        self.close();
    }
</script>
</head>
<body>
<input type="text" id="field">
<input type="button" value="親画面に反映" onclick="set();">
</body>
</html>