Скрытие местоположения хэша в 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> 

Все, что вам нужно сделать, это изменить «Sample Название» все, что вы хотите.

Удача