在JavaScript中隐藏哈希位置



我有一个带有链接的页面,这些链接打开了一个带有id="modal-i(其中i是任何数字)的模态,该模态链接到带有href="#modal-i"的锚标记。这很好,你点击链接,相关的模态就会弹出,然后当点击带有href="#"的链接时,模态就会消失。

我想知道是否有一种方法可以隐藏哈希位置,但保持模态打开?基本上保持一切工作不变,只需将哈希隐藏在URL中。

我知道模态会弹出的唯一原因是因为散列在URL中,但我仍然想知道这是否可能,因为这会让一切变得更干净。

我已经搜索了答案,但我只找到了一些问题,询问如何在不重新加载页面的情况下删除哈希位置。

非常感谢您的帮助,谢谢!

嗯,有点像。您可以立即将其移除。

把这个放在你的页面上:

<script>
document.body.onload = function() {updateurl()};
function updateurl(){
window.history.replaceState(window.location.hostname, "Sample Title", window.location.pathname);
}
</script>

您所需要做的就是将"示例标题"更改为您想要的任何内容。

祝好运

相关内容

  • 没有找到相关文章

最新更新