关于调用iframe中的方法

最新推荐文章于 2024-04-23 19:29:15 发布

weixin_34128534

最新推荐文章于 2024-04-23 19:29:15 发布

阅读量356

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wcj1/p/7418133.html

本文介绍了一种在多层iframe环境下调用方法的技术方案。首先通过简单的单层iframe调用进行说明，随后针对多层嵌套场景提出改进方法，采用递归方式逐层查找并调用目标方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近一个项目上，会用到调用iframe里面的方法，开始只调用第一个iframe里面的方法，这个比较简单，直接根据iframe ID找到 iframe页面再去找方法，调用就好了。

如下：

            //执行iframe中函数 
            var doIFrameFunc = function (v_mymethod, v_params, v_frmName) {
                if (document.getElementById(v_frmName)) {

                    var fn = document.getElementById(v_frmName).contentWindow[v_mymethod];

                    if (fn) {
                        if (v_params == null)
                            return fn();
                        else {
                            return fn.apply(this, v_params);
                        }
                    }
                    return null;
                }
            }

可是一旦有个两层iframe或者更多层的话，这个方法就调用不到了，所以网上搜了一下相关的方法，参考了《iframe多层嵌套时获取元素》这篇文章之后把这个方法修改了一点。

            //执行iframe中函数 
            var doIFrameFunc = function (v_mymethod, v_params, v_frmName) {
                if (document.getElementById(v_frmName)) {

                    var fn = document.getElementById(v_frmName).contentWindow[v_mymethod];

                    if (fn) {
                        if (v_params == null)
                            return fn();
                        else {
                            return fn.apply(this, v_params);
                        }
                    } else {

                        var f_Iframe = document.getElementById(v_frmName).contentWindow;
                        doIfraneFuncRecursion(v_params, v_mymethod, f_Iframe);
                    }
                    return null;
                }
            }
            // 递归获取方法
            var doIfraneFuncRecursion = function (v_params, v_mymethod, f_Iframe) {
                if (f_Iframe == undefined) {
                    return;
                }
                v_fn = f_Iframe.window.frames[0][v_mymethod];
                if (v_fn) {
                    if (v_params == null)
                        return v_fn();
                    else {
                        return v_fn.apply(this, v_params);
                    }
                } else{
                    f_Iframe = f_Iframe.window.frames[0].contentWindow;
                    doIfraneFuncRecursion(v_params,v_mymethod,f_Iframe)
                }
            }