获取当前操作的IFrame 对象的方法

Posted 2020-10-28 .me

分两种情况：
第一种：
获取iframe对象的JS函数在父页面上，如下

function getIframeByElement(element){
    var iframe;
    $("iframe").each(function(){
        if(element.ownerDocument === this.contentWindow.document) {
            iframe = this;
        }
        return !iframe;
    });
    return iframe;
}

使用的时候在iframe所在页面直接使用：

var iframe=window.parent.getIframeByElement(document.body)；
var iframeObj=$(iframe);

可以获取jquery对象。

第二种：

获取iframe对象的函数在iframe内部,如下：

function getIframeByElement(element){
    var iframe;
    $("iframe", window.parent.document).each(function(){
        if(element.ownerDocument === this.contentWindow.document) {
            iframe = this;
        }
        return !iframe;
    });
    return iframe;
}

使用的时候就很方便了，直接调用。

 

以上是关于获取当前操作的IFrame 对象的方法的主要内容，如果未能解决你的问题，请参考以下文章

jquery获取iframe中的dom对象(两种方法)

jquery如何获取iframe的document对象

iframe中操作主体页面的元素，方法

selenium定位当前处于那个iframe（frame）中

ios上网页iframe里，把页面下拉，进行元素的隐藏显示和增删节点的dom操作页面会瞬间回到顶部

iframe子页面获取父页面元素和window对象