子页面要向父页面传值，只要在document前面加window.opener即可。
如：
1.父页面代码：
JS父页面与子页面相互传值方法_javascript技巧
一、子页面是父页面通过window.open弹出的情况
子页面要向父页面传值，只要在document前面加window.opener即可。
如：
1.父页面代码：
无标题文档title><BR>head><BR><script language="javascript"><BR>function tanchu()<BR>{<BR> window.open("Untitled-5.html"); <BR>}<BR>script><BR><body><BR> <form id="form1" name="form1" method="post" action=""><BR> <label> <input type="submit" name="button" id="button" value="提交"<BR> onclick="tanchu()" /><BR> label> <label> <input type="text" name="textfield" id="textfield" /><BR> label><BR> form><BR></body><BR></html><BR>2.子页面代码：</P>
<P><html xmlns="http://www.w3.org/1999/xhtml"><BR><head><BR><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><BR><title>无标题文档title><BR>head><BR><script language="javascript"><BR>function aaa()<BR>{<BR> window.opener.document.getElementByIdx('textfield').value='123123123';<BR>}<BR>script><BR><body><BR> <form id="form1" name="form1" method="post" action=""><BR> <label> <input type="submit" name="button" id="button" value="提交"<BR> onclick="aaa()" /><BR> label><BR> form><BR></body><BR></html><BR><STRONG>二、子页面是iframe框架中的页面情况</STRONG><br><br>子页面要向父页面传值，只要在document前面加parent即可。 <BR>1.父页面代码：</P>
<P><html xmlns="http://www.w3.org/1999/xhtml"><BR><head><BR><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><BR><title>无标题文档title><BR>head><BR><body><BR> <form id="form1" name="form1" method="post" action=""><BR> <label> <input type="text" name="textfield" id="textfield" /><BR> label><BR> <iframe id="myiframe" src="Untitled-3.html">iframe><BR> form><BR></body><BR></html><BR>2.子页面代码</P>
<P><html xmlns="http://www.w3.org/1999/xhtml"><BR><head><BR><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><BR><title>无标题文档title><BR>head><BR><script language="javascript"><BR>function aa()<BR>{ <BR> var a=parent.document.getElementByIdx('textfield').value;<BR> alert(a); <BR>}<BR>script><BR><body><BR> <form id="form1" name="form1" method="post" action=""><BR> <label> <input type="submit" name="button" id="button" value="提交"<BR> onClick="aa()" /><BR> label><BR> form><BR></body><BR></html> </div>
</div>
<script type="text/javascript" src="/layui/layui.js"></script>
<script>
layui.use('code', function(){
layui.code({
elem: 'pre', //默认值为.layui-code
about:false,
title:'JS父页面与子页面相互传值方法_javascript技巧代码块',
encode: true //是否转义html标签。默认不开启
});
});
</script>
<footer class="comm-footer">
<ul class="channels">
<li>
<a target="_top" href="/system/">操作系统</a>
</li><li>
<a target="_top" href="/down/">程序下载</a>
</li><li>
<a target="_top" href="/jquery/">jquery插件库</a>
</li><li>
<a target="_top" href="/jiaoben/">编程</a>
</li><li>
<a target="_top" href="/db/">数据库</a>
</li><li>
<a target="_top" href="/tools/">在线工具</a>
</li><li>
<a target="_top" href="/framebook/">框架书籍</a>
</li><li>
<a target="_top" href="/xitongjiaocheng/">系统教程</a>
</li><li>
<a target="_top" href="/ruanjianxiazai/">软件下载</a>
</li> </ul>
<ul class="versions">
<li>
<a href="https://m.gxlcms.com" class="active">触屏版</a>
</li>
<li>
<a href="https://www.gxlcms.com" target="_top">电脑版</a>
</li>
</ul>
<p><a href="https://beian.miit.gov.cn/" target="_blank" style="color:#ffffff"></a><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6c9b8cea1903c9f813f150c04aeebc3c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script></p>
</footer>
</body>
</html>
子页面要向父页面传值，只要在document前面加window.opener即可。
如：
1.父页面代码：