Javascript 直接链接到html页面中的特定选项卡

我正在尝试将页面重定向到特定的

选项卡链接

。比如说

    <a href="#google">google</a> 
      <a href="#facebook">facebook</a> 

<div class="tab containt">
    <div id="google">
        <p>some text some text some text some text</p>
    </div>

    <div id="facebook">
        <p>some text some text some text some text</p>
    </div>
</div

有些文字有些文字有些文字有些文字

有些文字有些文字有些文字有些文字

将类
moveTo
添加到要单击的链接

HTML

<a class="moveTo" href="#google">google</a><br/>
<a class="moveTo" href="#facebook">facebook</a><br/>

无需更多要求，您可以使用选择器作为纯css解决方案

带有#后跟锚名称的URL链接到文档中的某个元素。链接到的图元是目标图元

：target选择器可用于设置当前活动目标元素的样式


.tab>div{
显示：无；
}
.tab>div:target{
显示：块；
}

一些文字一些文字一些文字一些文字-谷歌

一些文字一些文字一些文字一些文字-facebook

你能共用一把小提琴吗？这取决于。。。您使用的是哪种编程语言？仅客户端脚本（HTML、JS等）？还是服务器端脚本？就我个人而言，我总是使用PHP，在这种情况下，我会使用一个get变量，即
example.com/？tab=facebook
，然后让一个小脚本将
facebook
设置为
facebook
可见选项卡（通过使用
display:none；
隐藏google选项卡），当这个
$\u get
变量设置为
facebook
时，请参见
$(document).ready(function(){
    $(".moveTo").click(function(){
        var elemId = $(this).attr('href')
        $(elemId).find('a:first').click();
    });
});