多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新

简介: 多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新

当我们使用多标签iframe的后台管理模板时,需要在一个iframe中跳转到另一个iframe,并且对新iframe进行操作,这篇文章记录一下我在开发过程中编写的代码。 有一个标签 #tab 用于储存已经打开的标签页


error_icon.png


存放iframe的标签.tabsbody-item 结构如下


.tabsbody-item 订单列表
——iframe
.tabsbody-item 收款点
——iframe
# 在iframe中,对父级窗口进行操作,搜索#tab中已打开标签的列表
var iframe = $(window.parent.document).find("#tab > li");
if (iframe.length > 0) {
    # 遍历已经打开的标签,并且判断是否为自己想要操作的目标。
    iframe.each(function (index, element) {
        if ($(this).attr('id') === "test.html") {
            # 模拟点下该标签
            $(this).trigger('click');
            # 刷新
            var iframet = $(window.parent.document).find('.tabsbody-item').eq(index).find('.iframe-class');
            iframet[0].contentWindow.location.reload(true);
        }
    });
}


这样子就从A标签内操作父窗口,打开B标签页,并且刷新B标签页的内容。

目录
相关文章
|
缓存
layui打开iframe窗口不刷新的问题
layui打开iframe窗口不刷新的问题
138 0
|
JavaScript
Layui-admin-iframe通过页面链接直接在iframe内打开一个新的页面,实现单页面的效果
Layui-admin-iframe通过页面链接直接在iframe内打开一个新的页面,实现单页面的效果
813 0
Layui-admin-iframe通过页面链接直接在iframe内打开一个新的页面,实现单页面的效果
|
Web App开发 移动开发 JavaScript
iframe的一些记录
首要要做配置操作,配置两个域名,我这里使用的是Apache。附件中的demo1和demo2
iframe的一些记录
关于iframe页面里的重定向问题
    最近公司做的一个功能,使用了iframe,父页面内嵌子页面,里面的坑还挺多的,上次其实就遇到过,只不过今天在此描述一下。     请允许我画个草图:          外层大圈是父级页面,里层是子级页面,我们是在父级引用子级页面的,由于是两个页面,URL肯定不一样的,“一般的,在子页面做的操作也仅仅对子页面生效”,现在我要说的就是关于这一点的!     公司这个功能,在子级页面完成某个操作以后,需要跳转页面,于是子级页面的代码是这样写的:提交=>提交成功=>跳转B页面。
4822 0
|
Web App开发 JavaScript 前端开发