iframe与父页面传值

Posted 2020-07-24 Fight With Me!!!

最近做的项目中用到了不少iframe，而且需要实现：
从父页面获取iframe中某个元素的值或则从iframe页面获取其父页面上某个元素的值。
在网上查询了相关东西，后总结如下：
（1）父页面获取iframe中的元素值：
Js代码  

1. //根据iframe的id获取对象  
2. var i1 = window.frames[‘iframeId‘];  
3. //var iframe =window.frames[0];也可以  
4. //获取iframe中的元素值  
5. var val=i1.document.getElementById("t1").value  

（2）在iframe中获取父页面中的元素值：
Js代码  

1. var val = parent.document.getElementById("txt1");   

（3）a包含2个iframe分别为b,c，现在从b中获取c中的元素的值：
Js代码  

1. var i1 = parent.window.frames[‘iframeId‘];  
2. var val = i1.document.getElementById("text1").value;  

注意下：上边的代码适用于ie。我在ie8下测试通过，Firefox3下运行不了（由于项目仅要求IE，不要求Firefox ）。下边两句话引用网上其他朋友写的：
window.opener引用的是window.open打开的页面的父页面。  
window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面。
我上传了测试页面，方便大家参考。本人技术有限，有写的不对的地方，希望朋友们指正！^_^

• iframe_page.rar (1.3 KB)
• 下载次数: 84