使用新URL更新地址栏而不进行哈希或重新加载页面

您现在可以在大多数“现代”浏览器中执行此操作!

以下是我读到的原文(2010年7月10日发布): HTML5: Changing the browser-URL without refreshing page .

更深入地了解pushState/replaceState/popstate(又称HTML5历史API) see the MDN docs .

window.history.pushState("object or string", "Title", "/new-url");

看看我的答案 Modify the URL without reloading the page 基本操作方法。

document.location.hash = 'lookAtMeNow';

正在更改完整URL。Chrome、Firefox、IE10+

history.pushState('data to be passed', 'Title of the page', '/test');

history.replaceState('data to be passed', 'Title of the page', '/test');

现在试着在控制台中运行这些!

更新Davids answer,甚至可以检测不支持pushstate的浏览器:

if (history.pushState) {
  window.history.pushState("object or string", "Title", "/new-url");
} else {
  document.location.href = "/new-url";
}

var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?foo=bar';
window.history.pushState({path:newurl},'',newurl);