2009-05-26 72 views
0

我有了这个结构的DIV:获得包含iframe

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

如果我有内部foo.html一些js代码,有没有办法知道哪些div的它在(无添加iframe代码参数)?

回答

2

from foo.html,你可以得到父窗口parent;一旦你在那里,你可以比较每个iframe的contentWindow财产与this - 匹配的是你。

在父项中搜索所有内置页框是最难的部分;它会很容易快速编写使用像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; 
    } 
} 
+0

你大概的意思变种I帧= window.parent.document.getElementsByTagName(“IFRAME”); – Alexey 2015-04-27 14:14:34