如何将URL中的哈希链接链接到Javascript内容？

Question

我曾经使用jQuery UI将tab feature添加到我的某个项目中。

一切都运行得很好，我注意到每个标签都绑定了一个URL哈希标签（我不知道你用英文说它）。例如，点击第一个标签后，#Tab0已添加到我的网址中。

我想在当前项目中重现此行为。但是我没有使用jQuery UI选项卡，我正在移植桌面应用程序，并且有JavaScript按钮可以编写和替换页面内的内容（以不同页面的方式，但无需重新加载）。

如何继续模仿此行为？我是否必须手动获取URL中的标记并通过JavaScript完成相应的操作？

谢谢，

Answer 1

您可以使用location.hash：

执行此操作

//you can set hash
location.hash = "something"; 

//and read it eg. http://domain.com#something
console.log(location.hash); //will return the current hash value 'something'

另外你必须记住，如果你的锚标签有散列href属性，例如<a href="#something">它会自动附加到当前网址，浏览器会尝试在网页上找到给定的ID。当然，您可以阻止该默认行为。

Answer 2

你可以这样做：

使用当前网址的哈希创建网址：

var url = window.location.href + '#Tab0';

从当前网址读取哈希：

var hash;

if (window.location.href.indexOf('#') > -1)
{
    hash = url.split('#')[1];
}