javascript - 获取包含 iframe 的 div

Question

我有这个结构:

<div id="source1">
    <iframe src="foo.html"></iframe>
</div>
<div id="source2">
    <iframe src="foo.html"></iframe>
</div>

如果我在 foo.html 中有一些 js 代码，有没有办法知道它在哪个 div 中(无需向 iframe 代码添加参数)？

Answer 1

从foo.html中，您可以使用parent获取父窗口；到达那里后，您可以将每个 iframe 的 contentWindow 属性与 this 进行比较 - 匹配的就是您。

在父级中搜索所有 iframe 是其中最困难的部分；使用像 jQuery 这样的库很容易快速编写，但这里有一些快速组合在一起的东西:

var mycontainer;
var iframes = document.getElementsByTagName("iframe");
for (var iter = 0; iter <iframes.length; iter++){
    if( iframes[iter].contentWindow && iframes[iter].contentWindow === window){
        mycontainer = iframes[iter].parentNode;
    }
}