iframe父子页面互相调用方法、获取变量、获取元素

每次iframe父子页面交互的时候总是现查,总也记不住,所以今天来详细记载一下。以下均为jquery 写法。

1、iframe子页面调用父页面

(1)方法

parent.func()

(2)变量

parent.value

(3)jquery元素

$("div",parent.document)

2、父页面调用iframe子页面

(1)方法

$("#childrenIframeId").eq(0)[0].contentWindow.func();

(2)变量

$("#childrenIframeId").eq(0)[0].contentWindow.value;
//注意,如果取不到名为value的全局变量,检查一下value是否定义在子页面的window上,若没有,子页面变量可以这样定义 window.value = "XXX"

(3)jquery元素

$("#childrenIframeId").eq(0).contents().find("div")

子页面窗口对象也可这样获取: window.frames['name'],

即$("#childrenIframeId").eq(0)[0].contentWindow == window.frames['childrenIframeName']

注意:父页面要在确保iframe子页面加载完成后,再执行获取变量等操作,否则取不到,可在iframe子页面加载完成的回调方法中执行

 $('#childrenIframeId').load(function() {
     // 获取元素 。。。
     // 获取变量 。。。
     // 执行方法 。。。
 });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值