精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

项目的时候我们经常会遇到子页面向父页面传递值,例如图片上传,上传成功后把图片名字赋值到父窗口的一个文本框等等。下面青岛星网跟大家分享:js子页面向父页面赋值的方法。

js子页面向父页面赋值的方法方法一

父页面:
<input id="input1" type="text"/><a href="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.getElementByIdx('input2').value; 
window.opener.document.getElementByIdx('input1').value=_value;}</script>

js子页面向父页面赋值的方法方法二

父页面:
<input id="input1" type="text" />
<a href="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.getElementByIdx('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.getElementByIdx('input2').value;
  window.returnValue =_value;
  window.close();
}
</script>
Tags:JS 子页面 父页面 赋值