Как реализовать переход к ссылкам на JavaScript?(плюс выделение) - PullRequest
Новая
       1

Как реализовать переход к ссылкам на JavaScript?(плюс выделение)

0 голосов
/ 18 августа 2011

Существует ли стандартный способ сделать все ссылки на сайте, имеющие форму href = # кое-что, стать ссылками для перехода?(у таких ссылок есть имя?)

Позвольте мне описать эти ссылки далее: когда вы нажимаете на них, в URL добавляется #something.И если вы перейдете непосредственно к этому URL-адресу из браузера, он перенаправит вас на эту страницу, а затем перейдет к этой ссылке.

Возьмите эту ссылку в качестве примера: http://en.wikipedia.org/wiki/Universe#cite_note-Craig-45

Редактировать: Как видите, div выделяется.Как это сделать автоматически?

Ответы [ 3 ]

3 голосов
/ 18 августа 2011

Вы имеете в виду теги привязки. Вот пример внутренней ссылки без JavaScript: 

<a href="#myDiv">Go to my div!</a>

<div id="myDiv">
    This is content
</div>

Если вы хотите отправить кого-нибудь на myDiv с помощью JavaScript, вы можете сделать это следующим образом: 

<span onclick="window.location.hash = '#myDiv'">Go to my div!</span>

<div id="myDiv">
    This is content
</div>

Вот jsFiddle , который демонстрирует методы HTML и JavaScript.

Вы также можете использовать аналогичный метод, чтобы разрешить пользователю перейти к странице и затем прокрутить их до соответствующего элемента на странице. Просто добавьте хеш (#) плюс идентификатор элемента в URL. Например: 

<a href="http://www.mysite.com/mypage.com/#myDiv">Go to my page and then div!</a>

Или с помощью JavaScript 

<a href="javascript: window.location.href = 'http://www.mysite.com/mypage.com/#myDiv'">Go to my page and then div!</a>
2 голосов
/ 18 августа 2011

Используйте атрибут id тега a.Поместите следующую информацию в то место, на которое вы хотели бы сослаться:

<a id="example"></a>

Затем вы можете связать это с помощью:

<a href="#example">Go to example</a>

Если вы хотите создать ссылку на определенный якорь на другой странице, просто используйте символ # после URL:

<a href="somewhere.html#example">Go to different page example</a>

Вот пример .

0 голосов
/ 18 августа 2011

Элемент после # называется якорем и определяется с помощью тега a: <a id="something">.

Если у вас есть просто ссылка #something, например <a href="#something">, она будет разрешена относительно текущей страницы. Так что, если ваша страница на http://myurl/mypage.html, то она откроется http://myurl/mypage.html#something.

...