看示例代码：
<!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获取追问
能具体一点吗？最好是实例，方便理解，谢谢。