首页 > bootstrap从主页打开子页面下的标签页

bootstrap从主页打开子页面下的标签页

点击主页导航菜单下的下拉菜单,可以跳转到对应页面的标签页中,怎么做到?用的bootstrap框架写的。


<a>标签跳转是通用的解决办法。如果题主这样不能跳转或者没有反应的话,看你的 href 路径!基本上就是这里出了问题。

因为网站最终要放到线上,同一域名一般写相对路径好些。

举个例子1:

如果你的导航下拉菜单的代码写在test.html中,跳转目标在 html 文件夹里,href 的路径是html/target.html#id

例子2:

target.html#id

例子3:

跳转目标在 test.html 的上一级,../target.html#id


关键字:锚点


直接用 #XXX 锚点跳转

a.html:

<html>
    <body>
        <a href="b.html#b">go</a>
    </body>
</html>

b.html:

<html>
    <body>
        <div id="a" style="height:900px">This is a.</div>
        <div id="b" style="height:900px">This is b.</div>
    </body>
</html>

原生的方法是用<a>标签去跳。
href属性可以用#+id来进行页面内跳转。

bootstrap可以用标签页来做,参照这个教程:

Bootstrap 标签页(Tab)插件

【热门文章】
【热门文章】