Html5无刷新修改browser Url的方法

Ajax技术能够实现网页的局部刷新，而HTML5的新特性更进一步扩展了我们的操作空间。在浏览器地址的处理上，HTML5提供了强大的功能，使得我们可以灵活地修改浏览器地址栏的内容。

window.history对象代表了浏览器窗口的历史记录。这个对象包含了一系列的方法和属性，让我们可以与历史记录进行交互。其中，两个重要的方法是：pushState和replaceState。

1. window.history.pushState(object, title, new_url)：这个方法可以在window.history对象中添加一个新的历史记录点。这意味着，我们可以在不刷新页面的情况下改变浏览器的地址。第一个参数object是我们可以扩展的任何对象，用于存储自定义数据。第二个参数title目前所有浏览器都不支持，可以设置为空字符串。第三个参数new_url是新设置的，浏览器不会检查这个是否存在，只是简单地改变地址栏的显示内容。需要注意的是，新地址必须在同一域名下，不能跨域设置。

2. window.history.replaceState(object, title, new_url)：这个方法的功能与pushState类似，不同之处在于它会替换当前页面在历史记录中的位置，而不是添加新的记录点。

例如，假设我们原来的是 'test'}, ' ', '

我们还可以借助其他技术如Cambrian的render方法（例如：cambrian.render('body')），来实现网页局部内容的动态更新。这种方法无需整体刷新页面，就可以针对页面的某个部分进行更新，从而提供更加流畅、高效的浏览体验。