题目:在父页面中,点击“编辑”链接,跳至子页面中进行编辑,编辑完成后点击“确定”,子页面关闭,将编辑内容回传至父页面。
原理:在父页面中,点击“编辑”时,设置一个变量,此变量用于打开子页面新窗口,也用于接收子页面的返回值;在子页面中,设置一个函数,完成返回传递值和关闭窗口的工作。
父页面代码:
<body>
<a href="#" s= window.showModalDialog('b.html');s_Context1.innerHTML = s">编辑</a>
</body>
子页面代码:
<body>
<div id="edit-text">
<form id="search" method="get">
<!--action="/search.php"-->
<input type="text" id="txt_Context" name="firstname" style="width: 640px; height: 400px;" />
<input type="button" value="确定" style="margin-left: 300px;" onclick="ReturnValue(txt_Context.value)" />
</form>
</div>
</body>
<script type="text/javascript">
function ReturnValue(a) {
window.returnValue = a;
window.close();
}
</script>