javascript - 链接到打开另一个选项卡的其他页面

Question

我有 2 个 html 页面 .. 第一页是 Header.html，带有 2 个链接(addressbook、mybook)。我的第 2 页是 Main-body.html，其中包含 Addressbook 和 mybook 的选项卡。由于它们都是不同的页面，我如何设法使用第一页上的链接打开选项卡..

示例 : header.html > (link)addressbook > main-body.html >(open tab addressbook)

header.html > (link)myorder > main-body.html > (open tab mybook)使用 jquery ..

Answer 1

您可以使用 hashchange 事件，并使用 hash 直接导航到您的内容选项卡，如下所示:

$(function() {
    // First hide all content element
    $("#xxx,#yyy").hide();
	
    $(window).on("hashchange", function(e){    
		// Hide all content elements
       	$("#xxx,#yyy").hide();
        
        // Show only the desired element
       	$(location.hash).show(); 
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="#xxx">xxx</a>
<a href="#yyy">yyy</a>

<p id="xxx">
    xxx
</p>
<p id="yyy">
    yyy
</p>