前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新

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

作者头像
宣言言言
发布2019-12-19 13:58:00
2.1K0
发布2019-12-19 13:58:00
举报
文章被收录于专栏:宣言(Siam)博客宣言(Siam)博客

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

有一个标签 #tab 用于储存已经打开的标签页

tab标签说明
tab标签说明

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

代码语言:javascript
复制
.tabsbody-item 订单列表
——iframe
.tabsbody-item 收款点
——iframe
代码语言:javascript
复制
# 在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标签页的内容。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.08.30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档