HTML/Javascript書籤技術？

Question

我不知道如何正確地解釋它（和它可能看起來愚蠢的問題），但在看網頁，如http://www.billboard.com/#/charts/hot-100你看到有一個#「書籤」。

這同樣適用於其中每個部分是通過「＃」訪問維基百科的用戶喜好http://en.wikipedia.org/wiki/Special:Preferences#mw-prefsection-personal頁面。

這是如何完成的？的JavaScript/jQuery的？

Answer 1

#只是跳到元素在頁面上與下面的#

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

它是瀏覽器這樣做。與javascript無關。

Answer 2

在第二個例子中，＃相當於A標籤的id屬性：

<a id="here"/> 

你可以把這些HTML頁面上的任何地方，並鏈接到他們是這樣的：

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

Answer 3

是的，你可以在#之後找到你想要的任何東西：例如加載並顯示一些數據。

下面是它是如何在JavaScript中完成的：

var theHashPart = window.location.hash; 

注意，這個變量將包含井號（「＃/圖表/熱-100」），所以你可能要剝離其關閉。