iframe 父子兄弟 调用方法 赋值等

很久很久不用iframe了。最近做项目竟然全部用是iframe,各种不会各种查。。

this.loadingProcess(data); 接口返回的data。父页面赋值各子页面
  loadingProcess(data) {
            this.data = data;
            //循环各页面赋值
            this.activitys.forEach(obj => {
                let activity = obj.statusCode;
                let obj1 = window.frames[activity + "IFRAME"];//获得对应iframe的window对象
                if (obj1 != undefined) {
                    obj1.vm.assignment(data, this.formObj);
                }
            });
        },

  同级页面  调用方法,取值获取等

saveAccp() {
           // parent.frames[iframe的name].vm (当前name的实例)
            let objDiag = parent.frames["DIAGIFRAME"].vm
            let objCompt = parent.frames["COMPTIFRAME"].vm
            let objRepair = parent.frames["REPAIRIFRAME"].vm
            let objRevup = parent.frames["REVUPIFRAME"].vm
            let objDpk = parent.frames["DPKIFRAME"].vm
            let objTest = parent.frames["TESTIFRAME"].vm
            let objShip = parent.frames["SHIPIFRAME"].vm

            let commentDto = {
                acceptComment: this.accpObj.acceptComment
            };
            obj.commentDto = commentDto;
            // obj.activity = parent.vm.formObj.activity
            var url = parent.window.parent.vm.rmsServerUrl + ‘/accp/insertAccp‘;
            axios.post(url, obj).then((response) => {
                if (response.status === 200 && response.data !== "") {
                    var data = response.data;
                        // 调用其他页面内的方法  wipeData()// 一个情况的方法
                        objDiag.wipeData()
                        objCompt.wipeData()
                        objRepair.wipeData()
                        objRevup.wipeData()
                        objDpk.wipeData()
                        objTest.wipeData()
                        objShip.wipeData()

                        //父页面赋值
                        // parent.vm.loadingNexeNodeAndGiveValue(data.obj.rmsRepairStatus);
                }
            }).catch(function (error) {
                console.log(error);
            })
        },

  

原文地址:https://www.cnblogs.com/star-x/p/10906034.html

时间: 2024-10-15 14:24:46

iframe 父子兄弟 调用方法 赋值等的相关文章

iframe父子兄弟之间调用传值(contentWindow && parent)

iframe的调用包括以下几个方面:(调用包含html dom,js全局变量,js方法) 主页面调用iframe: iframe页面调用主页面: 主页面的包含的iframe之间相互调用: 主要知识点 1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了: 2:$("#ii")[0].content

关于iframe父子的调用

近期由于有个项目,在一个页面里嵌套了iframe页面,然后要用父页面调用子页面进行操作,一开始我没考虑太多,就直接在父页面用dom操作,直接操作子页面的dom,然后搞了半天都没搞成.后来去网上查了下,就是因为父页面里嵌套了子页面iframe,他们不是同一个页面的,所以不能直接进行调用.但这种情况也不属于跨域吧,如果是属于跨域的话,就只能改变url地址,不能操作互相操作dom. 好的,现在明白原因了,一开始我在自己电脑的文件夹创建了demo,一个parent.html,一个child.html,然

iframe父子页面通讯

由于公司的service后台,是前端搭的架子,里面各个tab菜单栏都是不同的工程,通过iframe来嵌套,在业务越来越复杂的情况下,总是避免不了iframe之间的通讯, 下面是两种iframe之间的通讯: 1.父子iframe通过监听来实现 在iframe的子页面里使用postMessage向父级页面传参: window.parent.postMessage({type: "closeIbooking", fromSource: "turnoffIbooking"}

框架父子页面iframe相互调用方法

如果你采用嵌入iframe机制不可避免的要用到各个iframe页面之间方法和属性的相互调用.这里介绍的是兼容各个浏览器的iframe调用方式. 这里设定有3个页面一个父页面main.html它嵌入了两个iframe分别是childPage1.html和childPage2.html main.html有一个函数叫parentFunc().main.html代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

iframe 父子窗口相互之间调用语法

一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></iframe> 2.父窗口调用子窗口:myFrame.window.functionName(); 3.子窗品调用父窗口:parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 parent.window.setWinHeight(parent.w

iframe子页面调用父页面javascript函数的方法

1.iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.parent就可以了.比如调用a()函数,就写成: window.parent.a(); 2.iframe父页面调用 子页面js函数 这个就稍微复杂一些,下面的方法支持ie和firefox浏览器: document.getElementById('ifrtest').contentWindow.b();

js如何判断是否在iframe中/JQuery调用iframe父页面元素与方法

//方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中'); } //方式二 if (window.frames.length != parent.frames.length) { alert('在iframe中'); } //方式三 if (self != top) { alert('在iframe中'); } 第一.在iframe中查找父页面元素的

iframe子页面调用父页面javascript函数的方法(支持chrome和IE的通用方法)

iframe子页面调用父页面javascript函数的方法 今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题.顺便写一下iframe的父页面调用子页面javascript函数的方法吧,备用! 1.iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: window.praent.a(); 但是我在chrome浏览器下却发现此方法无效了!查了半天才了解,在c

jquery ajax success 函数 异步调用方法中不能给全局变量赋值的原因及解决办法

jquery ajax success 函数 异步调用方法中不能给全局变量赋值的原因及解决办法 在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值,可是我们发现程序执行完后并没有获取到我们想要的值,这时很有可能是因为你用的是ajax的异步调用async:true(默认情况),如: function ManageCommentText(text) { var result = text; $.ajax({ data: "get", url: &qu