HTML/Javascript 书签技术？答案

【问题标题】：HTML/Javascript Bookmarks technique?HTML/Javascript 书签技术？
【发布时间】：2012-03-26 19:52:22
【问题描述】：

我不知道如何正确解释它（这似乎是一个愚蠢的问题），但是查看诸如http://www.billboard.com/#/charts/hot-100 之类的页面，您会看到有一个#“书签”。

这同样适用于维基百科的用户偏好页面http://en.wikipedia.org/wiki/Special:Preferences#mw-prefsection-personal，其中每个部分都通过“#”访问。

这是怎么做到的？ JavaScript/jQuery？

【问题讨论】：

【解决方案1】：

#只是跳转到页面上id跟在#之后的元素

是浏览器做的。与javascript无关。

【讨论】：

【解决方案2】：

是的，您可以获取# 之后的部分并做任何您想做的事情：例如加载和显示一些数据。

这是在 javascript 中的实现方式：

var theHashPart = window.location.hash;

请注意，此变量将包含井号（“#/charts/hot-100”），因此您可能需要将其去掉。

【讨论】：

【解决方案3】：

在第二个示例中，# 对应于 A 标签的 id 属性：

<a id="here"/>

您可以将它们放在 html 页面上的任何位置，然后像这样链接到它们：

<a href="thePage.html#here">Click here</a>

【讨论】：