Heim > Web-Frontend > js-Tutorial > Wie kann ich URL-Parameter ändern und Standardeinstellungen in JavaScript festlegen?

Wie kann ich URL-Parameter ändern und Standardeinstellungen in JavaScript festlegen?

DDD
Freigeben: 2024-11-17 22:22:01
Original
920 Leute haben es durchsucht

How Can I Modify URL Parameters and Set Defaults in JavaScript?

Ändern von URL-Parametern und Definieren von Standardeinstellungen mit JavaScript

Bei der Arbeit mit URLs kann es erforderlich sein, bestimmte Parameter zu ändern oder hinzuzufügen, um die zu steuern Verhalten einer Webseite. Dies kann mit JavaScript erreicht werden.

Ändern eines vorhandenen Parameters

Um einen vorhandenen Parameter in der URL zu ändern, z. B. den Wert „rows“ auf 10 zu ändern, verwenden Sie das folgende Code-Snippet:

var newURL = updateURLParameter(window.location.href, 'rows', 10);
Nach dem Login kopieren

Die Funktion updateURLParameter() benötigt drei Parameter:

  • url: Die ursprüngliche URL
  • param: Der zu ändernde Parameter
  • paramVal: Der neue Wert für den Parameter

Hinzufügen eines Parameters, wenn nicht vorhanden

Falls der Parameter nicht vorhanden ist Wenn Sie die ursprüngliche URL verwenden, können Sie sie mit der gleichen Funktion hinzufügen:

if (!window.location.href.includes('rows')) {
    newURL = updateURLParameter(window.location.href, 'rows', 10);
}
Nach dem Login kopieren

Beispiel-URL

Die bereitgestellte URL:

site.fwx?position=1&archiveid=5000&columns=5&sorting=ModifiedTimeAsc
Nach dem Login kopieren

kann geändert werden in:

site.fwx?position=1&archiveid=5000&columns=5&rows=10&sorting=ModifiedTimeAsc
Nach dem Login kopieren

unter Verwendung des obigen Codes.

Zusätzliche Funktionalität

Der bereitgestellte Code kann auch Anker in der URL verarbeiten, um sicherzustellen dass sie nach der Parameteränderung erhalten bleiben.

Das obige ist der detaillierte Inhalt vonWie kann ich URL-Parameter ändern und Standardeinstellungen in JavaScript festlegen?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage