Question

我正在尝试在加载页面时设置默认的导航栏选项卡。我正在尝试将默认导航栏选项卡设置为“卖我的车”，当页面加载时此选项卡打开。我该怎么做。有导航栏标签。

function Default() {
    var tab= document.getElementsByClassName('defaulttab');
    window.onload(tab).click();
}

 <a class="nav-link tablink active" id="v-pills-home-tab" data-toggle="pill" href="#my-adverts" role="tab" aria-controls="v-pills-home" aria-selected="true">My Adverts</a>
<a class="nav-link tablink defaulttab" id="v-pills-profile-tab "  data-toggle="pill" href="#sell-your-car" role="tab" aria-controls="v-pills-profile" aria-selected="false">Sell my car</a>
<a class="nav-link tablink" id="v-pills-messages-tab" data-toggle="pill" href="#change-package" role="tab" aria-controls="v-pills-messages" aria-selected="false">Change Package</a>

Answer 1

只需在默认导航链接上设置active类，就不需要其他js：

<a class="nav-link tablink" id="v-pills-home-tab" data-toggle="pill" href="#my-adverts" role="tab" aria-controls="v-pills-home" aria-selected="false">My Adverts</a>
<a class="nav-link tablink active" id="v-pills-profile-tab "  data-toggle="pill" href="#sell-your-car" role="tab" aria-controls="v-pills-profile" aria-selected="true">Sell my car</a>
<a class="nav-link tablink" id="v-pills-messages-tab" data-toggle="pill" href="#change-package" role="tab" aria-controls="v-pills-messages" aria-selected="false">Change Package</a>

页面加载时如何设置默认导航栏选项卡

1 个答案: