Heim > Web-Frontend > js-Tutorial > Kann ich die URL einer Website in der Adressleiste ändern, ohne die Seite zu aktualisieren?

Kann ich die URL einer Website in der Adressleiste ändern, ohne die Seite zu aktualisieren?

Barbara Streisand
Freigeben: 2024-12-29 08:44:11
Original
469 Leute haben es durchsucht

Can I Change a Website's URL in the Address Bar Without Refreshing the Page?

Ändern der URL in der Adressleiste, ohne die Seite zu aktualisieren

In einer aktuellen Anfrage erkundigte sich ein Benutzer nach der Möglichkeit, die URL in der Adressleiste ohne Neuladen zu aktualisieren die Seite. Diese Anfrage löste eine Diskussion über die Implementierung einer solchen Funktion im Chrome-Entwicklungskanal aus. Später wurde festgestellt, dass die HTML5-Verlaufs-API von Chrome die Änderung der Pfadkomponente der Adressleiste mit Ausnahme der Hash- oder Domänenteile ermöglicht.

Die HTML5-Verlaufs-API führt die folgenden Funktionen ein:

  • pushState(): Fügt einen neuen Eintrag zum Verlaufsstapel des Browsers hinzu und aktualisiert die URL und den Seitentitel, ohne den zu aktualisieren Seite.
  • replaceState(): Ersetzt den aktuellen Verlaufseintrag und aktualisiert die URL und den Seitentitel, ohne die Seite zu aktualisieren.
  • popstate(): Löst ein Ereignis aus, wenn der Benutzer durch den Browserverlauf vor- oder zurücknavigiert, sodass die Webseite reagieren kann entsprechend.

Um diese Funktionalität in Chrome zu implementieren, können Sie die Funktion pushState() wie folgt verwenden:

Das obige ist der detaillierte Inhalt vonKann ich die URL einer Website in der Adressleiste ändern, ohne die Seite zu aktualisieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage