Javascript: Jak zmienić adres URL w pasku adresu bez odświeżania strony?

Question

Powiel możliwe:
How do I, with JavaScript, change the URL in the browser without loading the new page?

zauważyłem, że aplikacje internetowe, takie jak Gmail i Grooveshark może zmienić adres URL w pasku adresu przeglądarce bez odświeżania strony. Ajax jest oczywiście używany do zmiany treści. Jak mogę zmienić adres URL?

Answer 1

Gmail i Grooveshark zmienić tylko hash, odbywa się to poprzez zmianę:

location.hash = 'blah' 

Jeśli kierujesz HTML5 włączone przeglądarki, możesz użyć window.history.pushState i window.history.popState, zobacz http://spoiledmilk.dk/blog/html5-changing-the-browser-url-without-refreshing-page

Answer 2

Możesz zajrzeć do stanu push HTML5. Wiem, że iQuery Mobile używa tej funkcji do modyfikowania adresu URL lokalizacji bez wywoływania ładowania strony i może być dobrym rozwiązaniem dla Ciebie.

https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

Oto przykład jak to działa:

window.history.pushState(data, "Title", "/new-url");