부모 윈도우(parent.html)
<HTML>
<HEAD>
<TITLE> opener Window </TITLE>
<script>
function showChild(){
popup = window.open("child.html", "popWnd", "width=500,height=200,toolbar=no,location=no,directories=no,status=no,menubar=no, scrollbars=no,resizable=yes,copyhistory=no");
document.getElementById("div01").innerHTML = "팝업 윈도우에서 변경할 문자열";
}
</script>
</HEAD>
<BODY><CENTER><br><br>
<div id="div01">
아래의 버튼을 누르면 팝업 윈도우가 보입니다.<br>
팝업 윈도우의 폼에 임의의 문자열을 입력해 보세요.
</div>
<br><br>
<input type='button' value="팝업 윈도우 보이기" onClick="showChild();">
</CENTER></BODY>
</HTML>
자식 윈도우(child.html)
<HTML>
<HEAD>
<TITLE> Child Window </TITLE>
<script>
function passToOpener(){
opener.document.getElementById("div01").innerHTML=document.childForm.field01.value;
window.close();
}
</script>
</HEAD>
<BODY><CENTER>
<form name="childForm">
입력:<input type="text" name="field01"><br><br>
<input type="button" value="위에 입력한 내용을 부모 윈도우로 보내기" onClick="passToOpener()">
</form>
</CENTER></BODY>
</HTML>