当前位置：首页 → 问答吧 → 用<iframe>分成上下两个网页。在上面网页的文本框中有值，不提交表单下面网页如何取上面的值，请指教。

用<iframe>分成上下两个网页。在上面网页的文本框中有值，不提交表单下面网页如何取上面的值，请指教。

时间：2011-11-29

来源：互联网

用<iframe>分成上下两个网页。在上面网页的文本框中有值，不提交表单下面网页如何取上面的值，请指教，求代码？

作者: jqa125 发布时间: 2011-11-29

你参考吧，我刚写完的，PS：chrome下是不行的，它的安全限制太大

iframe.html
HTML code

<html>
<head>
<title>iframe/frame访问问题</title>
</head>
<body>
<div id="topdiv">顶html</div><br/>
<input type="button" value="顶窗访问左边" onclick="top2left()"/><br/>
<input type="button" value="顶窗访问最里层窗" onclick="top2min()"/><br/>
<iframe id="iFrameLeft" src="left.html"></iframe>
<iframe id="iFrameRight" src="right.html" width="500px" height="400px"></iframe>

<script>
top2left = function(){
    frames["iFrameLeft"].document.getElementById("leftdiv").innerHTML="顶窗口改变了我的值";
};

top2min = function(){
    frames["iFrameRight"].frames["iFrameRed"].document.getElementById("reddiv").innerHTML="顶窗口改变了我的值";
}
</script>
</body>
</html>

left.html
HTML code

<body bgcolor="green">
<div id="leftdiv">左边的网页green</div>
<script>

</script></body>

right.html
HTML code

<body bgcolor="yellow">
<div id="rightdiv">右边的网页yellow</div>
<input type="button" value="右边访问左边" onclick="right2left()"/>
<input type="button" value="右边访问父窗" onclick="right2parent()"/>
<iframe id="iFrameRed" src="righttop.html"/></iframe>
<script>
right2left = function(){
    parent.frames["iFrameLeft"].document.getElementById("leftdiv").innerHTML = "右窗口改变了我的值";
}

right2parent = function(){
    parent.document.getElementById("topdiv").innerHTML = "右窗口改变了我的值";
}
</script></body>

HTML code

<body bgcolor="red">
<div id="reddiv">右边的网页再一层网页red</div>
<input type="button" value="右边访问顶窗" onclick="right2top()"/><script>

</script></body>

作者: p2227 发布时间: 2011-11-29

谢谢！我看看。

作者: jqa125 发布时间: 2011-11-29

right2left = function(){
parent.frames["iFrameLeft"].document.getElementById("leftdiv").innerHTML = "右窗口改变了我的值";
}

这个应该就符合你的意思了。

作者: p2227 发布时间: 2011-11-29

用<iframe>分成上下两个网页。在上面网页的文本框中有值，不提交表单下面网页如何取上面的值，请指教。

热门阅读

热门下载