JavaScript实现弹出子窗口并传值给父窗口实现弹出子窗口并传值给父窗口
主要介绍了JavaScript实现弹出子窗口并传值给父窗口,方法很简单，这里推荐给大家，需要的朋友可以参考下
新建父窗口页面：
加入以下脚本
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>First</title>
</head>
<script type="text/javascript">
function ShowDialog(Url)
{
var iWidth=560; //模态窗口宽度
var iHeight=300;//模态窗口高度
var iTop=(window.screen.height-iHeight-100)/2;
var iLeft=(window.screen.width-iWidth)/2;
var returnValue=window.showModalDialog(Url, "newwindow", "dialogHeight:"+iHeight+"px; dialogWidth:"+iWidth+"px;
toolbar:no; menubar:no; scrollbars:no; resizable:no; location:no; status:no;left:200px;top:100px;");
document.getElementById("TextBox1").innerText=returnValue;
}
</script>
<body>
<form id="form1" runat="server">
<input id="Button1" type="button" value="button" onclick="ShowDialog('./second.aspx')" />
<div><asp:TextBox ID="TextBox1" runat="server" Width="67px"></asp:TextBox></div>
</form>
</body>
</html>
创建second.html页面：
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>second</title>
<!--<base target="_self" ></base>-->
</head>
<script language="javascript">
function closeDiag()
{
window.opener=null;
window.close();
}
function OK()
{
var Value=document.getElementsByName("myRadio");
for(var i=0;i<Value.length;i++)
{
if(Value[i].checked)
{
window.returnValue = Value[i].value;
window.close();
}
else
{
document.getElementById("Lab_Info").innerText="没有选中项,请选择！";
}
}
}
</script>
<body>
<form id="form1" runat="server">
评论0