1

Всем здравствуйте! Скажите, пожалуйста, возможно ли сделать следующее: есть страница http://name.ru/cat/1.html. На этой странице есть ссылка на другую страницу http://name.ru/cat/2.html#hash. При переходе по ссылке естественно в браузерной строке адрес отображается как http://name.ru/cat/2.html#hash. Так вот возможно ли, чтобы при переходе по ссылке в браузерной строке адрес отображался без решетки #hash? Благодарю за комментарии!

1
  • какой конечный url вы хотите видеть?
    – Grundy
    12 мар 2016 в 18:57

2 ответа 2

0

Посмотрите в сторону HTML5 History API. Пример использования для вашего случая:

history.replaceState({}, '', location.href.replace(location.hash, ''))

Здесь текущее состояние истории заменяется на тот же url, но с вырезанными параметрами. Однако от перехода к якорю это не избавит. Для этого понадобится либо изначально открывать страницу без якоря, либо перезагружать её после замены состояния.

UPD: Перехват и замена url.

$('.target-link').click(function(e) {
    var targetUrl = $(this).attr('href'),
        sharpIndex = targetUrl.indexOf('#');

  if (sharpIndex >= 0) {
    e.preventDefault();
    location.href = targetUrl.substr(0, sharpIndex);
  }
});
1
  • 1
    Верно. Вы можете перехватывать клик по ссылке, брать её целевой адрес, убирать якорь и вручную навигировать на страницу.
    – Weks
    13 мар 2016 в 11:31
0

Можно с помощью javascript убирать. Где-то мне такой jquery код попадался:

$('a[href*=#]').bind("click", function(e){
      var anchor = $(this);
      $('html, body').stop().animate({
         scrollTop: $(anchor.attr('href')).offset().top-100
      }, 1000);
      e.preventDefault();
   });

Или можно как здесь советуют.

1
  • в вопросе ссылка на другую страницу, а не просто на якорь
    – Grundy
    12 мар 2016 в 19:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.