Техника Закладок 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 тега A:

<a id="here"/>

Вы можете разместить их в любом месте на html-странице и добавить ссылку на них следующим образом:

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

Answer 2

Да, вы можете получить деталь после # и делать все, что захотите: загрузить и отобразить некоторые данные, например.

Вот как это делается в javascript:

var theHashPart = window.location.hash;

Обратите внимание, что эта переменная будет содержать знак хеша ("# / charts / hot-100"), поэтому вы можете захотеть удалить его.

Answer 3

# просто переходит на элемент на странице с идентификатором, следующим за #

Например: http://en.wikipedia.org/wiki/Main_Page#mp-tfp-h2

Это делает браузер. Ничего общего с javascript.