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

Posted 2020-09-27 代码&优雅着&生活

分两种情况：
第一种：
获取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内部,如下：

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

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