якорный прыжок с использованием JavaScript
У меня есть вопрос, который будет встречаться очень часто. Проблема в том, что нигде нельзя найти явного решения.
У меня две проблемы с якорями.
Основная цель должна состоять в том, чтобы получить красивый чистый URL без каких-либо хэшей в нем при использовании якорей для перехода по странице.
Итак, структура якорей:
<ul>
<li><a href="#one">One</a></li>
<li><a href="#two">Two</a></li>
<li><a href="#three">Three</a></li>
</ul>
<div class="wrap">
<a name="one">text 1</a>
<a name="two">text 2</a>
<a name="three" class="box">text 3</a>
</div>
Хорошо, если вы нажмете одну из ссылок, URL-адрес автоматически изменится на
www.domain.com/page#1
В конце это должно быть просто:
www.domain.com/page
Все идет нормально. Теперь, во-вторых, когда вы будете искать эту проблему в Интернете, вы найдетеjavascript
как решение.
Я нашел эту функцию:
function jumpto(anchor){
window.location.href = "#"+anchor;
}
и вызывая эту функцию с помощью:
<a onclick="jumpto('one');">One</a>
что будет так же, как раньше. Это добавит хеш к URL. Я также добавил
<a onclick="jumpto('one'); return false;">
безуспешно. Так что если есть кто-то, кто может сказать мне, как решить эту проблему, я был бы очень благодарен
Большое спасибо.