Maison > interface Web > js tutoriel > Comment puis-je modifier les paramètres d'URL et définir les valeurs par défaut en JavaScript ?

Comment puis-je modifier les paramètres d'URL et définir les valeurs par défaut en JavaScript ?

DDD
Libérer: 2024-11-17 22:22:01
original
919 Les gens l'ont consulté

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

Modification des paramètres d'URL et définition des valeurs par défaut avec JavaScript

Lorsque vous travaillez avec des URL, il peut être nécessaire de modifier ou d'ajouter des paramètres spécifiques pour contrôler le comportement d'une page Web. Ceci peut être réalisé en utilisant JavaScript.

Modification d'un paramètre existant

Pour modifier un paramètre existant dans l'URL, par exemple en changeant la valeur des « lignes » à 10, utilisez l'extrait de code suivant :

var newURL = updateURLParameter(window.location.href, 'rows', 10);
Copier après la connexion

La fonction updateURLParameter() prend trois paramètres :

  • url : L'URL d'origine
  • param : Le paramètre à modifier
  • paramVal : La nouvelle valeur du paramètre

Ajout d'un paramètre s'il n'est pas présent

Dans le cas où le paramètre n'existe pas dans l'URL d'origine, vous pouvez l'ajouter en utilisant la même fonction :

if (!window.location.href.includes('rows')) {
    newURL = updateURLParameter(window.location.href, 'rows', 10);
}
Copier après la connexion

Exemple d'URL

L'URL fournie :

site.fwx?position=1&archiveid=5000&columns=5&sorting=ModifiedTimeAsc
Copier après la connexion

peut être modifié en :

site.fwx?position=1&archiveid=5000&columns=5&rows=10&sorting=ModifiedTimeAsc
Copier après la connexion

en utilisant le code ci-dessus.

Fonctionnalités supplémentaires

Le code fourni peut également gérer les ancres dans l'URL, garantissant qu'elles sont préservées après la modification des paramètres.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal