分享

html 同一页面两iframe互传值

 心比雪凉 2010-09-18
主页面:in.html
<代码>
<html>
<body>
<%--主页面一个隐藏域 iframe接到这个值 传个另一个iframe  --%>
<input type="hidden" name="xh" id="xh" value="2">
<iframe name="mainframe" marginwidth="0" marginheight="0" frameborder="0" src="in1.html" width="100%" scrolling="no" border="1" onload="this.height=450"></iframe>
<iframe name="mainframe2" marginwidth="0" marginheight="0" frameborder="0" src="in2.html" width="100%" scrolling="auto" border="1" onload="this.height=450"></iframe>
 </body>
</html>
<代码>
iframe1页面:in1.html
<代码>
<html>
<body>iframe1
<button onclick="javascript:fuzhi();">赋值<button>
</body>
<script type="text/javascript">
function fuzhi(){
//取得父页面hidden对象
var xh= parent.document.getElementById('xh');
//将值传给另一个iframe中
parent.frames['mainframe2'].document.getElementById("xh").value = xh.value;
}
</script>
</html>
<代码>
iframe2页面:in2.html
<代码>
<html>
<body>iframe2
<input name="xh" id="xh" type="text" size="20" readonly="readonly"/>
</body>
<script type="text/javascript">
</script>
</html>
<代码>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多