＜iframe＞＜/iframe＞引入文件，点击按钮切换。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page import="cn.microvideo.fksc.util.common.ResVerUtil" %>
<%
String res_path = request.getRealPath("/");
String res_root = request.getContextPath();
%>






//引入css样式



<%--tab动态切换--%>

    收费站操作
    清障范围配置
    收费站出入口配置




//引入js

* {
    margin: 0;
    padding: 0;
}

body {
    overflow: hidden;
}

.nav {
    display: flex;
    width: 453px;
    height: 40px;
    line-height: 40px;
}

.nav div {
    font-size: 14px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    padding: 0px 20px;
    letter-spacing: 2px;
    color: #333333;
    border: 1px solid #cccc;
    box-sizing: border-box;
}

.nav .box1 {
    border-radius: 3px 0px 0px 3px;
}

.nav .box2 {
    border-left: none;
}

.nav .box3 {
    border-left: none;
    border-radius: 0px 3px 3px 0px;
}

.nav .current {
    color: #3161a9;
    border: 1px solid #3161a9;
}

iframe {
    width: 100vw;
    height: 100vh;
}

$(function (){
    var iframe=document.querySelector('#frame-box')
    iframe.src='/kg_fksc/user/cofTag/index',
    $(".nav div").click(function () {
        $(this).addClass("current").siblings().removeClass('current');
        iframe.src=$(this).data('src')
    });
})