隐藏散列位置 JavaScript
Hiding the hash location in JavaScript
我有一个带有 link 的页面,它打开一个带有 id="modal-i
的模式(其中 i
是任何数字)linked 到带有 [= 的锚标记13=]。这工作正常,您单击 link 并弹出关联的模式,然后当单击 link 和 href="#"
时,模式消失。
我想知道是否有办法隐藏哈希位置但保持模式打开?基本上保持一切正常工作,只是将散列隐藏在 URL.
中
我知道模态框弹出的唯一原因是因为散列在 URL 中,但仍然想知道这是否可能,因为它会让一切变得更干净。
我已经搜索了答案,但我找到的只是询问如何在不重新加载页面的情况下删除哈希位置的问题。
非常感谢任何帮助,谢谢!
嗯,有点。您可以立即将其删除。
把这个放在你页面的某个地方:
<script>
document.body.onload = function() {updateurl()};
function updateurl(){
window.history.replaceState(window.location.hostname, "Sample Title", window.location.pathname);
}
</script>
您需要做的就是将 "Sample Title" 更改为您想要的任何内容。
祝你好运
我有一个带有 link 的页面,它打开一个带有 id="modal-i
的模式(其中 i
是任何数字)linked 到带有 [= 的锚标记13=]。这工作正常,您单击 link 并弹出关联的模式,然后当单击 link 和 href="#"
时,模式消失。
我想知道是否有办法隐藏哈希位置但保持模式打开?基本上保持一切正常工作,只是将散列隐藏在 URL.
中我知道模态框弹出的唯一原因是因为散列在 URL 中,但仍然想知道这是否可能,因为它会让一切变得更干净。
我已经搜索了答案,但我找到的只是询问如何在不重新加载页面的情况下删除哈希位置的问题。
非常感谢任何帮助,谢谢!
嗯,有点。您可以立即将其删除。
把这个放在你页面的某个地方:
<script>
document.body.onload = function() {updateurl()};
function updateurl(){
window.history.replaceState(window.location.hostname, "Sample Title", window.location.pathname);
}
</script>
您需要做的就是将 "Sample Title" 更改为您想要的任何内容。
祝你好运