Скрытие местоположения хеша в JavaScript

Question

У меня есть страница со ссылками, которые открывают модальные с id="modal-i (где i любое число) связано с тегом привязки с href="#modal-i", Это отлично работает, вы нажимаете на ссылку, и появится соответствующий модал, а затем, когда ссылка с href="#" нажата модал исчезает.

Мне было интересно, есть ли способ скрыть местоположение хеша, но оставить модальный открытым? В основном, все работает одинаково и просто прячьте хеш в URL.

Я знаю, что единственная причина, по которой модал появляется, это то, что хеш находится в URL, но все еще задаюсь вопросом, возможно ли это, так как это сделает все намного чище.

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

Любая помощь с благодарностью, спасибо!

Answer 1

Ну вроде как. Вы можете удалить его мгновенно.

Поместите это где-нибудь на своей странице:

<script>
document.body.onload = function() {updateurl()};
function updateurl(){

window.history.replaceState(window.location.hostname, "Sample Title", window.location.pathname);
}
</script>

Все, что вам нужно сделать, это изменить "Образец заголовка" на то, что вы хотите.

Удачи