動態(tài)窗口中子頁面向父頁面?zhèn)鬟f值
題目:在父頁面中,點擊“編輯”鏈接,跳至子頁面中進(jìn)行編輯,編輯完成后點擊“確定”,子頁面關(guān)閉,將編輯內(nèi)容回傳至父頁面。
原理:在父頁面中,點擊“編輯”時,設(shè)置一個變量,此變量用于打開子頁面新窗口,也用于接收子頁面的返回值;在子頁面中,設(shè)置一個函數(shù),完成返回傳遞值和關(guān)閉窗口的工作。
父頁面代碼:
<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>