代码之家 › 专栏 › 技术社区 › CZFox

如何在不知道id的情况下从内页获取父iframe元素?

iframe dom html jquery javascript

CZFox · 技术社区 · 15 年前

假设我有这样的东西:

<html>
...
    <div>
        <iframe src="test.html" hash="r4d5f7"></iframe>
        <iframe src="test.html" hash="8f7x97"></iframe>
        <iframe src="test.html" hash="gg4v5e"></iframe>
        <iframe src="test.html" hash="e54f87"></iframe>
    </div>
...
</html>

test.html为空页,自定义 hash

我的问题是:有没有一种方法可以使用Javascript从内部页面(test.html)获取适当的iframe元素?比方说,我在第三个iframe的页面中,需要获得它的iframe元素和alert()散列值(在本例中为“gg4v5e”)。

更具体地说。如果您熟悉Firefox的Firebug,它会将这种情况可视化为:

<html>
...
    <div>
        <iframe src="test.html" hash="r4d5f7">
            <html>
                 ...
            </html>
        </iframe>
        <iframe src="test.html" hash="8f7x97">
            <html>
                 ...
            </html>
        </iframe>
        <iframe src="test.html" hash="gg4v5e">
            <html>
                 ...
            </html>
        </iframe>
        <iframe src="test.html" hash="e54f87">
            <html>
                 ...
            </html>
        </iframe>
    </div>
...
</html>

是否可以调用“something”来获取父元素( <iframe> )当我使用Javascript时 <html>

1 回复 | 直到 13 年前

naikus 15 年前

当然有。此代码适用于FF和IE6、Opera、Chrome(需要一个web服务器,并且两个文件来自同一域协议和端口)

        function getHash()   {
           var ifs = window.top.document.getElementsByTagName("iframe");
           for(var i = 0, len = ifs.length; i < len; i++)  {
              var f = ifs[i];
              var fDoc = f.contentDocument || f.contentWindow.document;
              if(fDoc === document)   {
                 alert(f.getAttribute("hash"));
              }
           }
        }

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

3 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

3 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

3 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

3 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

3 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

7 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

7 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

7 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

7 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

7 年前