使用 JavaScript 更改浏览器 URL 而不重新加载页面
可以使用 JavaScript 实现更改浏览器 URL 而不加载新页面。这允许您在修改地址栏中的地址时保留页面的当前状态。
一种方法是使用 window.location.hash 属性。通过将哈希设置为特定值，您可以对状态信息进行编码，而无需触发页面重新加载。支持 window.onhashchange 事件的浏览器可以侦听哈希值的更改并相应地更新页面。没有原生支持 onhashchange 的旧版浏览器需要使用 setInterval 定期检查来检测哈希更改。
jQuery 提供了一个 hashchange 插件，可以简化在不同浏览器中处理哈希更改的过程。使用此插件，您可以根据新的哈希值动态更新页面。
在不重新加载页面的情况下修改 URL 的另一种方法是通过历史记录操作。通过调用history.pushState(null, null, "new_url")，您可以在不离开当前页面的情况下向浏览器历史记录中添加新条目。类似地，history.back() 和history.forward() 方法可用于浏览历史记录，而不会触发整页重新加载。然而，这些方法需要浏览器支持 HTML5 History API，该 API 并非在所有浏览器中都可用。
以上是如何使用 JavaScript 更改浏览器 URL 而不重新加载页面？的详细内容。更多信息请关注PHP中文网其他相关文章！
