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 :D )。下边两句话引用网上其他朋友写的:
window.opener引用的是window.open打开的页面的父页面。
window.frames对象可以引用iframe里的页面,也可以引用frameset里的页面。
我上传了测试页面,方便大家参考。本人技术有限,有写的不对的地方,希望朋友们指正!^_^
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值