用JS怎么控制tab标签页的默认tab

Question

如图，此页面进来后默认是选中第一个tab页的，我想用JS控制到进入此页面可以默认选中第二个tab页（我后台传值到前端做判断来选中第几个tab页（根据我的需要）） ，tab相关代码如下：

备注：我百度了好多种方式都未能成功改变默认tab页

<div class="tabbable" >

            <ul class="nav nav-tabs padding-12 tab-color-blue background-blue" id="myTab">

                <li class="active"> <a data-toggle="tab" href="#tab1">企业基础信息</a> </li>

                

                <c:if test="${companyinfo.companyId!=null}">

                <li> <a data-toggle="tab" href="#tab2" >合作协议管理</a> </li>

                </c:if>

            </ul>

            

            <div class="tab-content" style="height: 1000px; font-size:13px;background:#ffffff;">

            

                <!-- 1.基础信息  -->

                <div  id="tab1"  class="tab-pane in active " style="width:100%;">

                <!--  此处为Tab页的主体内容 -->

                

                <!-- 2.合作协议管理 -->  

                <div id="tab2" class="tab-pane "  >