看示例代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>父页面</title>
<script type="text/javascript">
function getChildEl(){
alert(document.frames("inner").document.getElementById("text1.inner").value);
}
</script>
</head>
<body>
<input type="text" id="text1.outter" value="outter text"/>
<input type="button" value="访问子页面" onclick="getChildEl()" />
<br/>
<iframe id="inner" name="inner" src="child.html"></iframe>
</body>
</html>
扩展资料
子页面给父页面赋值
经常可能会看到，父页面中的某个文本框一点击，就跳入到一个新页面(称之为子页面),子页面中点击某个按钮，子页面关闭，父页面的文本框中已经获得刚刚子页面中的值。
1、父页面中给文本框添加一个单击事件。这个单击事件中必须以如下方式打开子页面：
window.open('xxxx.html');//其中xxxx为子页面。
2、子页面中这样给父页面文本框赋值：
window.opener.document.getElementById("父页面中文本框的Id").value = 需要传给父页面的值；window.close();
至此，就实现了子页面给父页面传值。下面上代码：
-----------------代码start--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>根据地址查询经纬度</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<script>
// window.opener.document.getElementById("父页面元素的id").value = '子页面填写的值'
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>父页面</title>
<script type="text/javascript">
function getChildEl(){
alert(document.frames("inner").document.getElementById("text1.inner").value);
}
</script>
</head>
<body>
<input type="text" id="text1.outter" value="outter text"/>
<input type="button" value="访问子页面" onclick="getChildEl()" />
<br/>
<iframe id="inner" name="inner" src="child.html"></iframe>
</body>
</html>
================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>子页面</title>
<script type="text/javascript">
function getParentEl(){
alert(parent.document.getElementById("text1.outter").value);
}
</script>
</head>
<body>
<input type="text" id="text1.inner" value="inner text"/>
<input type="button" value="访问父页面" onclick="getParentEl()" />
</body>
</html>本回答被提问者采纳
父页面father.html和子页面son.html之间如何传值。
一、父页面给iframe中的子页面传值，把值写入子页面的文本框里
father.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function fuzhi()
{
$('#son').contents().find("#b").val("父页面传过来的值！");
}
</script>
<iframe id="son" name="son" src="son.html" width="400" height="200"></iframe><br />
<input type="button" value="给子页面表单中id为b的文本框赋值" onclick="fuzhi()" />
son.html
<form name="form2"><input type="text" name="b" id="b" /></form>
二、子页面如何调用父页面中的函数
father.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function fun()
{
alert('这是父页面中的函数弹出窗口哦！');
}
</script>
<iframe id="son" name="son" src="son.html" width="400" height="200"></iframe>
son.html
<script type="text/javascript">
function diaoyong()
{
$(window.parent.fun()); //调用父页面函数
}
</script>
<form name="form2"> <input name="btn1" type="button" onclick="diaoyong()" value="调用父页面中的函数" /></form>
三、iframe中的子页给父页面传值
father.html
<script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="text/javascript"></script>
<div id="messagediv">test</div>
<iframe id="son" name="son" src="son.html" width="400" height="200">
</iframe>
son.html
<script type="text/javascript">
function fuzhi()
{
$(window.parent.$("#messagediv").html("子页面赋过来的值"));
}
</script>
<form name="form2"><input name="btn1" type="button" onclick="fuzhi()" value="给父页中id为messagediv的元素赋值" /></form>
父页面与子页面
parent.document.xxx获取追问
能具体一点吗？最好是实例，方便理解，谢谢。
在jsp页面中,frame之间以及子页面和父页面间参数是如何传递的?
看示例代码：<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> <html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <meta http-equiv="Content-Type" content="text\/html; charset=gb2312" \/> <title...
如何向一个页面中的两个iframe传值
jsp页面子页面像父页面的iframe传值：1：document.getElementById("ii").contentWindow 得到iframe对象后，就可以通过contentWindow得到iframe包含页面的window对象，然后就可以正常访问页面元素了；2：$("#ii")[0].contentWindow 如果用jquery选择器获得iframe，需要加一个【0】；3：$("#ii")[0].conten...
js window.opener 子页面 父页面 传值
1、建立父级页面，首先建立一个父级页面parent.html,代码如图，一个pop函数方法，一个链接到child.html的iframe标签；2、建立子页面，再新建一个child.html页面，如图，展示一个id=link的div标签，和link的点击事件，因为是调用父级方法，所以需要用到window.parent.pop()方法。3、预览页面，预览页面，...
iframe内的参数javescript如何传递
表单与操作页面分离 ，按钮按下，click 或者onclick事件触发，传递一个唯一性的参数至子页面JSP，子页面内，负责查询与判断逻辑。子页面 ：
iframe怎样刷新父页面的父页面?
frame页面是内嵌到父页面的，当点击iframe页面的服务器控件时，默认只刷新iframe页面，父页面是不会刷新的。若想刷新父页面，可以使用js来实现，如 1. parent.location.reload();这种方法会重新加载整个页面。但如果要在原页面的基础上传递参数，则可以使用下面的方法：2.top.document.location.href='xxx...
详细解读layui父子窗口如何传递参数
1、父页面打开子页面并向子页面传参数 function setChooseValues(ret){ var oView = document.getElementById("userName"); var oValue = document.getElementById("userIds"); var i = 0; if( ret != null){ oValue.value="" oView.value="" ...
frame框架页面怎么传参数
你可以用这个试一下： frame src="*.jsp'
一个frame中的JSP如何刷新另一frame
利用,document.frames("iframeName").location.reload()比如：<html> <frameset rows="50%,50%"> <frame src="\/example\/html\/frame_a.html"> <frameset cols="25%,75%"> <frame src="\/example\/html\/frame_b.html" name="iframe1"> <frame src="\/example\/html\/frame_c.html" name="...
jsp页面frame布局后 点击一个页面的链接,信息在另一个页面显示
用a标签的target属性。假设c,jsp所在frame id=main，b.jsp有链接<a="跳转路径" target="main">xxxxx<\/a> 在b，jsp点击xxxx，c就会进入对应的页面
两个页面怎么用JS脚本联系起来呢?
如果父页面调用子页面的方法可以用 document.getElementById('iframeid').contentWindow.functionname();如果两个是兄弟页面可以用下面方法 parent.document.getElementById('iframeid').contentWindow.functionname();iframeid为你将要调用的子页面的iframe ID.functionname为你将要调用的函数名称 ...
