js中实现子页面向父页面中赋值

来源:互联网 发布:压力传感器和单片机 编辑:程序博客网 时间:2024/06/09 02:33

(方法一)

父页面:
<input  id="input1" type="text"/>
<ahref="javascript:window.open('test1.aspx');void(0)">弹出新的子窗口</a>

子页面:
<input id="input2" type="text" />
<input id="bt" type="button" onclick="doit();"value="更新父窗口的内容"/>
<script type="text/javascript" language="javascript">
function doit()
{
  var_value=document.getElementById('input2').value;
 window.opener.document.getElementById('input1').value=_value;
}
</script>

 

(方法二)

父页面:
<input id="input1" type="text" />
<ahref="javascript:GetReturnValue();void(0)">弹出新的模态子窗口</a>
<script type="text/javascript" language="javascript">
 function GetReturnValue()
 {
    var temp=window.showModalDialog("test1.aspx","","center=yes;help=no;status=no");
    document.getElementById('input1').value = temp;
 }
</script>

子页面:
<input id="input2" type="text" />
<input id="bt" type="button" onclick="doit();" value="更新父窗口的内容"/>
<script type="text/javascript" language="javascript">
function doit()
{
  var_value=document.getElementById('input2').value;
  window.returnValue =_value;
  window.close();
}
</script>

原创粉丝点击