iframe元素操作

本文所有内容均未测试,只是看着参考写出来的笔记,不保证内容的准确性,如果发现了错误请指出谢谢。

在很久很久以前(其实是忘了时间。。。)我发现iframe内部的内容是可以在iframe外面操作的。

在这之前我曾经把Glory的blog做了iframe放在我的佳佳实验室里,然后他一脸黑线,现在我终于知道是为什么了~

接下来进入正文

访问iframe元素的关键就在于要知道连接到iframe的方法,看下面

[PS:不同方法在不同浏览器里可能不可用]


第一种方法

这种方法目测只可以用在IE里

示例:

第二种方法:contentWindow

这种方法得到的是iframe里面的window层级[到下面说明]

示例:

这种方法得到的是iframe里面的document层级[到下面说明]

第三种方法:contentDocument

示例:

由此我还更新了佳佳实验室里的TIY By 佳佳(还是一堆bug。。)

然后我还写出了这个通用方法

这里的iframe变量就是document级的了,可以直接使用,比如





如文中无特殊说明,本站均使用以下协议:知识共享许可协议
知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。

本博客使用Disqus评论系统,如果看不到评论框,请尝试爬墙。