在JavaScript中隱藏哈希位置

Question

我有一個帶有鏈接的頁面，該鏈接打開帶有id="modal-i （其中i是任何數字）的href="#modal-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>

您需要做的就是將“樣本標題”更改為所需的內容。

祝好運