Html5無刷新修改browser Url的方法_html5教學技巧

Ajax局部刷新可以透過HTML5的新功能修改browser address。

window.history表示window物件的歷史記錄

window.history.pushState(object, title, new_url) -- 在window.history新增一個歷史記錄點

window.history.replaceState(object, title, new_url) -- 在window.history取代目前page的歷史記錄點

object - 可以擴充想要的object

title - 目前所有瀏覽器都不支援

new_url 瀏覽器不會檢查url是否存在，只改變url，url必須同域，不能跨域

eg: original url: www.test.com

window.history.pushState({time: 'test'}, ' ', 'www.test_test.com')