js弹窗返回后改变页面控件的值

系统管理员 2022-08-13 16:56 190阅读 0赞

js弹窗返回后改变页面控件的值(含两种方式)

showModalDialog帮助可以参阅微软MSDN [http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/showmodaldialog.asp][http_msdn.microsoft.com_workshop_author_dhtml_reference_methods_showmodaldialog.asp]  
AA.HTM  
\--------------------------------------------------------------------------------------------------------------------------  
<html>

</form>  
<input type="button" value="打开新窗口1" onClick="openWin1()">  
<input type="button" value="打开新窗口2" onClick="openWin2()">  
<script language="JavaScript">  
function openWin1()  
\{  
var srcFile = "BB.htm"; //新窗口的文档名称  
var winFeatures = "dialogHeight:300px; dialogLeft:200px;";  
var obj = getForm; //将form作为对象传递给新窗口  
window.showModalDialog(srcFile, obj, winFeatures);  
\}  
function openWin2()  
\{  
var srcFile = "CC.htm"; //新窗口的文档名称  
var winFeatures = "dialogHeight:300px; dialogLeft:200px;";  
var obj = getForm.getData.value; //将form作为对象传递给新窗口  
var str=window.showModalDialog(srcFile, obj, winFeatures);  
if(str!=null)  
document.getForm.getData.value = str;  
\}

</script>

</body>

</html>

BB.HTM  
重要提示：你弹出窗口中调用的是ASPX文件时，必须在Page\_Load事件中加入以下代码  
Response.Expires = 0; Response.Cache.SetNoStore(); Response.AppendHeader("Pragma", "no-cache");  
否则，每次弹出的页面都是上一次的Cache，不会改变。  
\------------------------------------------------------------------------------------------------------------------------  
<html>

<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>新窗口BB</title>  
</head>

<base target="\_self">   
<body>  
<form id="sendForm"> 请输入资料：  
<input type="text" id="writeData">  
<input type="text" id="writeData1">  
<input type="button" value="送回父窗口" onClick="send(sendForm.writeData.value,sendForm.writeData1.value);">  
</form>  
<script language="JavaScript">  
function send(val,val1)  
\{  
//取得父窗口传过来的对象  
var myObj = window.dialogArguments;  
//赋值  
myObj.getData.value = val;  
myObj.getData1.value = val1;  
//关闭窗口  
window.close();  
\}  
</script>

</body>

</html>

CC.HTM  
\------------------------------------------------------------------------------------------------------------------------  
<html>

<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>新窗口CC</title>  
</head>

<base target="\_self">   
<body>  
<form id="sendForm"> 请输入资料：  
<input type="text" id="writeData">  
<input type="button" value="送回父窗口" onClick="send(sendForm.writeData.value);">  
</form>  
<script language="JavaScript">  
function send(val)  
\{  
window.returnValue=val  
window.close();  
\}  
</script>

</body>

</html>

[http_msdn.microsoft.com_workshop_author_dhtml_reference_methods_showmodaldialog.asp]: http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/showmodaldialog.asp