点击Tab菜单打开多个标签页

开发工具与关键技术：后端
作者：汪
撰写时间：2019年6月14日

如果想要像这种打开多个页面的tab选项卡应该怎么实现，我看过很多类似这种tab选项卡都是用jQuery方法和原生JS方法比较多，我也有想过用jQuery方法和原生JS方法去写，但是太复杂了，所以我用了一个更简单的方法，使用插件去实现，插件我用的是layui插件，要简单很多。
插件：

使用这两个插件
代码：

 
//菜单按钮点击id
    销售订单历史

 $("#xsddls").click(function () {
   element.tabAdd('zhsmTab', {
     title: '销售订单历史',
     content: '
' + '
'
              + '' + '
' + '
',//支持传入html
  id: '2',
});
element.tabChange('zhsmTab', '2');//新增后立即切换
});

1、element.tabAdd：用于新增一个Tab选项
2、element.tabChange：用于外部切换到指定的Tab项上
3、title:是Tab选项标签
4、content:是iframe子页面嵌套的内容
5、宽度和高度的id：id=“content1”
οnlοad="reSetSize1(); reWidSize1();高度和宽度

如果不设置宽度和高度的话，子页面嵌套就会变得很小。
Tab菜单打开多个标签页就可以了，比用jQuery方法和原生JS方法要简单很多，虽然简单但是有很多bug,下一篇我会讲它有什么bug。