Как убрать # при переходе по ссылке якорь?

Question

[Вячеслав Боргомотов]

Рассказываю: есть страница на ней блок с #block-1. Когда перехожу по ссылке якорь на странице Якорь в адресной строке не прописывается. Но если я перейду с другой страницы, то в адресной строке прописывается: www.simple-site.ru/#block-1

Как убрать #block-1 из адресной строки?

Подробнее:
Итак. На главной странице есть блок
<div id="block">...</div>.
На другой странице есть ссылка-якорь на этот блок
<a href="index.html#block"> link </a>.
Результат должен быть таким:
Клик по ссылке =>
открытие главной странице на блоке <div id="block"></div> =>
Оставить в адресной строке только адрес сайта (то есть убрать #block)

Answer 1

[GreatRash]

$('a').on('click', function(e) {
  var href = this.getAttribute('href');
  var myHref = href.split('#');

  e.preventDefault();
  window.location.href = myHref[0];
});

Comments

[Вячеслав Боргомотов]

Все круто. Но он не переходит к блоку с якорем

[GreatRash]

Вячеслав Боргомотов: Вы определитесь что вам надо. переходить к блоку с якорем или убрать якорь. Или вы ЧПУ на JS решили построить?

[Вячеслав Боргомотов]

Мне надо вернутся на страницу с блоком с другой страницы и при этом убрать # из адресной строки

[GreatRash]

Вячеслав Боргомотов: Ничего не понятно.

[Вячеслав Боргомотов]

GreatRash: Итак. на главной странице есть блок <div id="block">...</div>. На другой странице есть ссылка-якорь на этот блок <a href="index.html#block"> link </a>.
Результат должен быть таким: Клик по ссылке => открытие главной странице на блоке <div id="block"></div> => Оставить в адресной строке только адрес сайта (то есть убрать #block)

[Юрий Кучеренко]

Вячеслав Боргомотов: вряд ли такое можно сделать, можно поставить e.preventDefault(); и не будет #block но тогда соответственно не будет и самого перехода

[GreatRash]

Вячеслав Боргомотов: Читайте про history API - replaceState(), то что вам нужно.

[Вячеслав Боргомотов]

GreatRash: Огромное спасибо!

Answer 2

[Дмитрий Клусевич]

Сохранить текущий адрес в переменную и при переходе подменить.

Comments

[Вячеслав Боргомотов]

Можно пример?

[Дмитрий Клусевич]

var current = window.location.href
link.onclick = function (e) {
    e.preventDefault();
    window.location.href = current
}

[Вячеслав Боргомотов]

Дмитрий Клусевич: Я что делаю не так:

$(".menu-bttn-back a").click(function(){
		var current = window.location.href
		link.onclick = function (e) {
			e.preventDefault();
			window.location.href = current
		}
	});

Потому что у меня не получилось

[Вячеслав Боргомотов]

Вячеслав Боргомотов: Или я не понял как прикрепить эту функцию к кнопке(

[Дмитрий Клусевич]

var current = window.location.href
$(".menu-bttn-back a").click(function(){
window.location.href = current
return false
});

[Вячеслав Боргомотов]

Дмитрий Клусевич: При таком варианте он не переходит на страницу а просто ее перезагружает

[Дмитрий Клусевич]

Вячеслав Боргомотов: Попробуй window.location.hash = ""

[Вячеслав Боргомотов]

Дмитрий Клусевич: тоже не то. В адресной строке приписывает что в ""

[Дмитрий Клусевич]

В адресной строек должен остаться адрес и #

[Вячеслав Боргомотов]

Дмитрий Клусевич: Да так и остается!