点击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。