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

最新推荐文章于 2024-11-30 09:00:00 发布

转载最新推荐文章于 2024-11-30 09:00:00 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/weixupeng/p/8656141.html

文章标签：

#javascript #c# #php #ViewUI

本文介绍了两种在JavaScript中获取iframe元素的方法。一种是在父页面上实现，另一种是在iframe内部实现。通过这两种方法，可以方便地操作iframe及其内容。

分两种情况：
第一种：
获取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;
}

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

业务驱动技术，技术是手段，业务是目的

转载于:https://www.cnblogs.com/weixupeng/p/8656141.html