Ноя

Как удалить параметр или якорь (#, hash) в URL при помощи JS

Убираем якорь из урла на JS

Частенько использую якоря (hash) в урлах, чтобы при переходе на другую страницу автоматически скроллить пользователя до необходимой секции или информационного блока.

Ну чтобы при обновлении страницы пользователя снова не срабатывал скролл, мне понадобилось убрать якорь из урла (#). Сделать это можно простым кодом в одну строчку, который я вызываю после скролла.

history.pushState("", document.title, window.location.pathname);

history.pushState(state, title, [url]) - метод в HTML документе, который добавляет новое состояние в историю браузера.

Где state - это JavaScript-объект, связанный с новой записью в истории, title - заголовок страницы и url (необязательный) - URL-адрес новой записи в истории.

Если простым языком, то я чтобы убрать якорь из урла при помощи JS заменяю в адресной строке браузера нынешний url на window.location.pathname - возвращает адрес страницы без якорей, хэша (#, hash).

Читайте также: