HTML / Javascript书签技术?

时间:2012-03-26 19:52:22

标签: javascript jquery bookmarks

我不知道如何正确解释它(这可能看起来像一个愚蠢的问题)但是看看http://www.billboard.com/#/charts/hot-100这样的网页,你会发现有一个#“书签”。

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

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

3 个答案:

答案 0 :(得分:0)

#只是跳转到页面上的元素,其ID在#

之后

例如:http://en.wikipedia.org/wiki/Main_Page#mp-tfp-h2

这是浏览器正在做的事情。与javascript没什么关系。

答案 1 :(得分:0)

在第二个示例中,#对应于A代码的id属性:

<a id="here"/>

您可以将它们放在html页面上的任何位置,然后链接到它们:

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

答案 2 :(得分:0)

是的,您可以在#之后获取部件并执行任何操作:例如,加载并显示一些数据。

以下是javascript中的完成方式:

var theHashPart = window.location.hash;

请注意,此变量将包含井号(“#/ charts / hot-100”),因此您可能希望将其删除。