méthode d'utilisation location.assign()
Dans le développement front-end, nous avons souvent besoin d'utiliser JavaScript pour contrôler les sauts de page et le transfert de données. location.assign est une méthode de saut couramment utilisée en JavaScript. Grâce à location.assign, nous pouvons charger une nouvelle adresse URL dans la fenêtre ou l'iframe actuelle et enregistrer l'historique de l'ancienne page.
1. Introduction
Dans le développement front-end, nous avons souvent besoin d'utiliser JavaScript pour contrôler la page saute le transfert et le transfert de données. location.assign est une méthode de saut couramment utilisée en JavaScript. Grâce à location.assign, nous pouvons charger une nouvelle adresse URL dans la fenêtre ou l'iframe actuelle et enregistrer l'historique de l'ancienne page.
2. Comment utiliser
Utiliser la méthode location.assign est très simple Il vous suffit d'appeler la méthode en JavaScript et de transmettre l'adresse URL qui doit l'être. sauté. Par exemple :
location.assign("https://www.example.com");
Ce code chargera l'URL https://www.example.com dans la fenêtre ou l'iframe actuelle.
En plus de transmettre directement l'adresse URL, nous pouvons également utiliser des variables JavaScript pour représenter l'adresse qui doit être sautée. Par exemple :
var url = "https://www.example.com"; location.assign(url);
De cette façon, nous pouvons accéder à différentes adresses URL en fonction de différentes valeursdans les variables.
3. Enregistrer l'historique
Par défaut, la méthode location.assign enregistrera l'historique de l'ancienne page afin que l'utilisateur puisse y revenir via le bouton Précédent du navigateur une page. Si nous ne voulons pas enregistrer l'historique, nous pouvons utiliser la méthode location.replace au lieu de la méthode location.assign.
La méthode d'utilisation de la méthode location.replace est similaire à location.assign. Il vous suffit d'appeler cette méthode en JavaScript et de transmettre l'adresse URL qui doit être sautée. Par exemple :
location.replace("https://www.example.com");
Ce code chargera l'adresse URL https://www.example.com dans la fenêtre ou l'iframe actuelle, et n'enregistrera pas l'historique de la page actuelle.
4. Problèmes de compatibilité
Les méthodes location.assign et location.replace sont prises en charge par les navigateurs grand public et ne nécessitent pas de traitement spécial. Cependant, des problèmes de compatibilité peuvent survenir dans la vue Web mobile et doivent être pris en compte.
5. Résumé
Grâce à l'introduction de cet article, nous comprenons l'utilisation et les principes spécifiques de mise en œuvre de la méthode location.assign, et savons également comment contrôler si la page enregistre les enregistrements de l'historique. Dans le développement réel, nous pouvons combiner d'autres méthodes et frameworks JavaScript pour obtenir des sauts de page et des fonctions interactives plus riches et plus complexes.
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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Tout d'abord, permettez-moi de présenter brièvement les types d'emplacement et les règles de correspondance, en utilisant l'exemple de nginxwiki comme exemple : location=/{#matchesthequery/only.[configurationa]}location/{#matchesanyquery,sinceallqueriesbeginwith/,butregular#expressionsandanylongerconventionalblockswillbe#matchedfirst .[ configurationb]}emplacement^~/im

Remarque : Les instructions root et aliasroot dans location définissent uniquement la racine de recherche sur le répertoire défini par root, c'est-à-dire que l'uri ne sera pas tronqué. Au lieu de cela, l'uri d'origine sera utilisé pour accéder au répertoire pour trouver le fichier. L'instruction aias tronquera l'URI correspondant, puis utilisera le chemin défini par l'alias plus l'URI restant comme sous-chemin pour trouver l'URI de proxy_pass dans l'emplacement Si l'URL de proxy_pass n'a pas d'URI, si la queue est "/". ", l'URI correspondant sera tronqué. Si la queue n'est pas "/", alors l'URI correspondant ne sera pas tronqué si l'URL proxy_pass contient l'URI

Exemple de didacticiel de localisation : location=/{#Correspondance exacte/, le nom d'hôte ne peut être suivi d'aucune chaîne [configurationA]}location/{#Parce que toutes les adresses commencent par /, cette règle correspondra à toutes les requêtes#Mais régulière et la chaîne la plus longue sera mis en correspondance en premier [configurationB]}location/documents/{#Match n'importe quelle adresse commençant par /documents/ Après la correspondance, continuez la recherche vers le bas#Uniquement lorsque l'expression régulière suivante ne correspond pas, cet article utilisera [configurationC]}location. ~/document

La logique de correspondance du serveur. Lorsque nginx détermine quel bloc de serveur exécuter la requête, il se concentre principalement sur les champs d'écoute et nom_serveur dans le bloc de serveur. Le champ d'écoute de la commande d'écoute définit l'adresse IP et le port de la réponse du serveur. Le champ n'est pas explicitement configuré, il écoutera par défaut 0.0.0.0:80 (root) ou 0.0.0.0:8080 (non-root) l'écoute peut être configurée comme : une combinaison d'adresse IP et de port, une seule adresse IP, en écoute. port 80 par défaut, un seul port et écoute sur toutes les interfaces IP par défaut Un chemin unixsocket où la dernière entrée n'est généralement utilisée que dans différents

Emplacement grammatical[=|~|~*|^~]/uri/{...} Règle= : Indique la correspondance exacte de l'URI (les étudiants intéressés peuvent jeter un œil à la différence entre l'URL et l'URI)~ : Indique la casse régulière matching~* : Indique une correspondance régulière insensible à la casse !~&&!~* : Indique une correspondance régulière insensible à la casse et une correspondance régulière insensible à la casse / : Correspondance universelle, toute demande sera mise en correspondance avec l'emplacement correspondant à l'emplacement cible le test de correspondance utilise uniquement la partie uri de la requête, pas la partie paramètre. (Raison : il existe trop de façons d'écrire les paramètres et ne peuvent pas correspondre avec précision) Sur la base de plusieurs configurations d'emplacement dans la séquence de correspondance d'emplacement,

1. Introduction La directive location est la configuration de base du module http. Elle reçoit les requêtes envoyées par les utilisateurs sur la base de règles de correspondance d'URL prédéfinies. Sur la base des résultats de correspondance, la requête est transmise au serveur backend. Les requêtes illégales sont directement rejetées et renvoyées. 403. 404, 500 gestion des erreurs, etc. 2. Syntaxe de l'instruction de localisation location[=|~|~*|^~|@]/uri/{…} ou location@name{…} 3. Mode de correspondance d'URI L'instruction de localisation est divisée en deux modes de correspondance : 1> Ordinaire caractères Correspondance de chaîne : règles commençant par = ou sans caractères de début (~) 2> Correspondance régulière : commencer par ~ ou ~* indique une correspondance régulière, ~*

Explication détaillée des exemples de correspondance d'emplacement nginx Exemple 1, configuration nginx : Exemple 2, configuration nginx : Exemple 3, configuration nginx :

Nom de domaine d'accès au pré-test : www.test.com/api/upload1.location et proxy_pass contiennent tous deux /, alors l'adresse réelle sans emplacement correspond au répertoire location/api/{proxy_passhttp://127.0.0.1:8080/?;} Adresse d'accès :www.test.com/api/upload-->http://127.0.0.1:8080/upload2.location ne contient pas /, proxy_pass contient /, alors l'adresse réelle contiendra /location/api{proxy_passhttp: /