码迷,mamicode.com
首页 > 其他好文 > 详细

iframe与父页面传值

时间:2017-03-09 00:53:53      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:bsp   打开   js代码   ext1   icon   eset   png   str   其他   

最近做的项目中用到了不少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与父页面传值

标签:bsp   打开   js代码   ext1   icon   eset   png   str   其他   

原文地址:http://www.cnblogs.com/jxldjsn/p/6523650.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!