Wie kann ich die Seiten-URL ändern, ohne die Seite zu aktualisieren?

In HTML5 können Sie den URL ändern:

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

überprüfen http://spoiledmilk.com/blog/html5-changing-the-browser-url-without-refreshing-page/

docs: https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history#The_pushState().c2.a0method

UPDATE

Einen überblick darüber, welche browser unterstützen die neue HTML5-history-API:

http://caniuse.com/#search=pushState (caniuse.com lohnt sich ein Lesezeichen!)

gibt es bereits frameworks, die nicht die harte Arbeit für Sie und sogar anmutig fallback auf das gemeinsame hash-tag-Lösung:

History.js

History.js anmutig unterstützt das HTML5-History/Zustand-APIs
(pushState, replaceState, onPopState) in allen Browsern. Darunter
weitere Unterstützung für Daten, Titel, replaceState. Unterstützt jQuery,
MooTools und Prototype. Für HTML5-Browsern das heißt, Sie können
ändern Sie die URL direkt, ohne die Verwendung von hashes nicht mehr. Für
HTML4 Browsern wird es wieder die alte onhashchange
die Funktionalität.

Backbone.js

Backbone-versorgt-Struktur auf JavaScript-lastigen Anwendungen
die Bereitstellung von Modellen, die mit Schlüssel-Wert-Bindung und benutzerdefinierte Ereignisse, Sammlungen
mit einer reichen API der enumerable-Funktionen, views mit deklarativen Veranstaltung
Umgang mit, und verbindet alles zu Ihrer vorhandenen Anwendung über ein
RESTful-JSON-interface.
...
pushState-Unterstützung gibt es auf ein rein opt-in-basis im Backbone.
Ältere Browser, die nicht unterstützen, pushState weiterhin verwenden
hash-basierte URL-Fragmente, und wenn ein hash-URL wird besucht von
pushState-fähigen browser, Sie werden transparent aktualisiert, um die wahre URL.

Mootools (über ein Plugin)

MooTools ist ein kompaktes, modular aufgebautes, objektorientiertes JavaScript-framework, entwickelt für die Mittelstufe bis fortgeschrittene JavaScript-Entwickler. [...] Geschichte Management über popstate oder hashchange. Ersetzt die URL der Seite ohne reload und fällt zurück auf Hashchange auf ältere
Browser.

dojo-toolkit

Dojo spart Ihnen Zeit und Skalen, die mit Ihrer Entwicklung, mit web-standards wie
seine Plattform. Es ist das toolkit erfahrene Entwickler wenden, um Gebäude mit hohem
die Qualität von desktop-und mobilen web-Anwendungen. [...] dojox.app-Verwaltung die navigation
die Geschichte über HTML5 pushState standard und delegieren, um browser aktiviert
"history management".

... um nur einige zu nennen.

(!!) BEACHTEN SIE

Einer wichtiger Nebeneffekt bei der Verwendung der pushState (Zitat aus dem Backbone-Dokumentation):

Beachten Sie, dass die Verwendung von real-URLs benötigt Ihr web-server zu können
richtig Rendern die Seiten, also back-end-änderungen erforderlich sind
gut. Zum Beispiel, wenn Sie eine route von /Dokumente/100 für Ihre web
server müssen in der Lage sein zu dienen, die Seite, wenn der browser Besuche, URL
direkt. Für full-search-engine crawlability, es ist am besten, um die
server erstellen der vollständigen HTML-Code für die Seite ... aber wenn es eine web
Anwendung, nur stur die gleichen Inhalte würden Sie für die
Stamm-URL ein, und füllen den rest mit Rückgrat Ansichten und JavaScript
funktioniert einwandfrei.

InformationsquelleAutor der Antwort roberkules

Verwenden Sie hash-tags per Javascript, also in die Schaltfläche click-Ereignis-handler:
location.hash = "param2"
Das wird sich ändern http://example.com/mypage/#whatever
zu
http://example.com/mypage/#param2

Natürlich könnte man auch die "Ordner" nach dem hash, also mit der Basis-url des http://example.com/ Sie dann hinzufügen:
location.hash = "/MyPage/MySubPage/MyInfo";
die änderungen, die es zu http://example.com/#/MyPage/MySubPage/MyInfo

InformationsquelleAutor der Antwort Thomas Shields