H+ HPlus创建新的标签页/选项卡

本文介绍了一种解决前端项目代码混乱问题的方法，通过借鉴并修改高级程序员的博客代码，实现了标签页的正确创建与调用，有效提升了项目管理和用户体验。

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

旧项目封装的特别乱什么js写的到处都是引入包也很混乱实在找不到他怎么创建的标签页调用的方法(找到了调用也不管用)网上找的其他的一大长串看着头疼用起来也是无效最后借鉴(抄袭) 这位大佬的博客成功解决

      function page(url, title,index) {
            var nav = $(window.parent.document).find('.J_menuTabs .page-tabs-content ');
            $(window.parent.document).find('.J_menuTabs .page-tabs-content ').find(".J_menuTab.active").removeClass("active");
            $(window.parent.document).find('.J_mainContent').find("iframe").css("display", "none");

            var iframe = '<iframe class="J_iframe" name="iframe' + index + '" width="100%" height="100%" src="' + url + '" frameborder="0" data-id="' + url + '" seamless></iframe>';

            $(window.parent.document).find('.J_menuTabs .page-tabs-content ').append(
                '<a href="javascript:;" class="active J_menuTab" data-id="' + url + '">' + title + ' <i class="fa fa-times-circle"></i></a>');
            $(window.parent.document).find('.J_mainContent').append(iframe);
        }