能否仅修改当前页面本地URL而不跳转至目标站点？

当然可以实现！你需要的是通过HTML5 History API来操作浏览器的历史记录，从而更新地址栏显示的URL，同时让当前页面保持完全不变——这和location.replace()那种跳转页面的行为完全不同。

两种核心方法 #

这里有两个关键API可以帮你实现需求，根据你是否需要保留原历史记录来选择：

1. 添加新的历史记录条目（保留后退能力）

用history.pushState()，它会在浏览器的历史栈里新增一条记录，地址栏更新为目标URL，但页面不会跳转：

// 当前URL：mysite.com
// 执行后地址栏变为目标URL（注意：仅同域可用，跨域会报错）
history.pushState(null, '', 'https://wordpress.com');

参数说明：

• 第一个参数：状态对象，可以存储和这条历史记录关联的自定义数据（不需要的话传null即可）
• 第二个参数：页面标题（目前多数浏览器已忽略这个参数，传空字符串''就好）
• 第三个参数：要显示的目标URL（必须和当前页面同源，否则浏览器会抛出安全错误）

2. 替换当前历史记录条目（不保留后退能力）

如果不希望用户点击浏览器后退按钮回到原来的URL，可以用history.replaceState()，它会替换当前的历史记录条目，同样不会触发跳转：

history.replaceState(null, '', 'https://wordpress.com');

重要注意事项 #

• 同源策略限制：浏览器出于安全考虑，不允许你直接将地址栏修改为跨域URL（比如从mysite.com改成wordpress.com），强行这么做会抛出SecurityError。这是为了防止恶意网站伪造地址栏误导用户。
• 如果只是同域内修改路径（比如mysite.com/post/1改成mysite.com/post/2），上面的方法完全可以正常工作。
• 修改URL后，页面的实际内容不会自动变化，你需要自己编写逻辑来更新页面内容（如果需要的话）。

内容的提问来源于stack exchange，提问作者stwpd