iframe与父页面传值
Posted 旧巷里的旧少年
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe与父页面传值相关的知识,希望对你有一定的参考价值。
最近做的项目中用到了不少iframe,而且需要实现:
从父页面获取iframe中某个元素的值或则从iframe页面获取其父页面上某个元素的值。
在网上查询了相关东西,后总结如下:
(1)父页面获取iframe中的元素值:
- //根据iframe的id获取对象
- var i1 = window.frames[‘iframeId‘];
- //var iframe =window.frames[0];也可以
- //获取iframe中的元素值
- var val=i1.document.getElementById("t1").value
(2)在iframe中获取父页面中的元素值:
- var val = parent.document.getElementById("txt1");
(3)a包含2个iframe分别为b,c,现在从b中获取c中的元素的值:
- var i1 = parent.window.frames[‘iframeId‘];
- var val = i1.document.getElementById("text1").value;
注意下:上边的代码适用于ie。我在ie8下测试通过,Firefox3下运行不了(由于项目仅要求IE,不要求Firefox)。下边两句话引用网上其他朋友写的:
window.opener引用的是window.open打开的页面的父页面。
window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面。
。本人技术有限,有写的不对的地方,希望朋友们指正!^_^
以上是关于iframe与父页面传值的主要内容,如果未能解决你的问题,请参考以下文章