History.js - 附加查询字符串，无需重新加载浏览器

Question

我想手动更新url查询字符串，无需重新加载浏览器。显然history.js https://github.com/browserstate/history.js/完成这项工作。

我已经阅读了几个文档，但看起来像框架做了很多比我需​​要，所以我很困惑如何实现我的简单要求。

任何代码片段的如何实现它？

谢谢

Answer 1

试试这个：

使用history.pushState & history.replaceState方法

如：http://html5demos.com/history

Answer 2

您可以使用HTML5历史API（http://diveintohtml5.info/history.html）。例如：

history.pushState(null, null, new_url); 

您可以更改页面标题，太：

history.pushState(null, new_title, new_url); 

Answer 3

历史的js为HTML5 History API提供HTML4兼容性，因此它可能会提供很多功能。

如果您只关心HTML5浏览器（基本上IE10及更高版本以及大多数其他最新浏览器），那么使用HTML5 History API可以完成这项工作。

history.pushState(state, title, url); 
history.replaceState(state, title, url); 

注： 国家可以采取一个对象或null 标题可以采取字符串或null url必须采取一个字符串

历史JS也可以提供你如何操作基于状态的网址选项。 例子可以是你是否使用路径喜欢
网址"www.site.com/page1/sub-page"或
使用哈希"www.site.com/#/page1/sub-page"

但是，这完全取决于你要达成什么目的。