JQuery之操作iframe

1、使用两种方式操作iframe中的元素。原理是跟jquery获取对象是一样的,只不过是先获取了iframe元素,然后在对iframe的内容再次进行操作。

var str = $(window.frames["iframe"].document).find("#ev").html(); 

var stk = $("#iframe").contents().find("#ev").html(); 

2、操作父界面中的元素(header:为某个元素的id)。这个就很基本了,也写上吧。跟做父页面跳转是一样的,父页面跳转是window.parent.loaction.href = url;这个就是把父页面元素获取,然后继续操作。道理是一样的。

$('#header', parent.document).text();

window.parent.$("#header").text();

3、js使用两种方式调用iframe中的js函数。dom方式

window.frames["ev"].window.testIframe2("ev"); 

document.getElementById("ev").contentWindow.testIframe2("ev"); 

4、jquery调用iframe的js函数(带参数的会有返回值)

$("#ev")[0].contentWindow.testIframe2("ev"); 

5. 调用父页面js函数,直接用:

parent.myFunction();

最后,必须特别注意的一点,也是很关键的一点:就是:不能跨域,也就是讲:父页面跟要和所包含的iframe属于同一个域名下。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值