调用iframe里的JS

158 篇文章 3 订阅

操作iframe里的DOM,都很熟悉了,但如果是调用iframe里的JS呢?

是我记错了,操作iframe里的DOM,其实一点儿也说不上很熟悉。对于iframe里对象而言,访问外层的父对象确实很容易,比如top、parent,方便得很。top、parent都是window对象。

但如果要访问iframe里的对象,该如何做?答案就是通过contentWindow、contentDocument来进行。其中contentWindow是iframe的window,contentDocument是iframe的document。

//获得当前页面里的iframe对象(id="frameSlider")里的某个DIV(id='div1')
var div1 = document.getElementById("frameSlider").contentDocument.getElementById("div1");

好像中文技术文章都找不到答案,尽管标榜着诸如“不得不说的秘密”之类的标签,但然并卵,找不到本题提问的答案。我一度认为这个是实现不了的。

后来还是在stack-overflow里看到了。这样子:

document.getElementById('targetFrame').contentWindow.targetFunction();

关键是这个contentWindow对象。

https://stackoverflow.com/questions/251420/invoking-javascript-code-in-an-iframe-from-the-parent-page

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值