Maison Problème commun méthode d'utilisation location.assign()

méthode d'utilisation location.assign()

Jun 27, 2023 pm 04:55 PM
location

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.

méthode d'utilisation location.assign()

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");
Copier après la connexion

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);
Copier après la connexion

De cette façon, nous pouvons accéder à différentes adresses URL en fonction de différentes valeurs​​dans 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");
Copier après la connexion

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

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

Analyse des exemples de configuration d'emplacement dans le serveur Nginx Analyse des exemples de configuration d'emplacement dans le serveur Nginx May 24, 2023 pm 02:05 PM

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

Comment intercepter l'uri à l'emplacement nginx Comment intercepter l'uri à l'emplacement nginx May 18, 2023 pm 12:07 PM

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

Comment configurer les règles de localisation et de réécriture dans Nginx Comment configurer les règles de localisation et de réécriture dans Nginx May 18, 2023 pm 12:25 PM

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

Quelle est la logique de correspondance du serveur et de l'emplacement dans Nginx ? Quelle est la logique de correspondance du serveur et de l'emplacement dans Nginx ? May 12, 2023 am 11:10 AM

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

Comment configurer l'emplacement sur le serveur Nginx Comment configurer l'emplacement sur le serveur Nginx May 14, 2023 pm 07:16 PM

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,

Quelles sont les règles de correspondance d'URI de la directive Location Nginx ? Quelles sont les règles de correspondance d'URI de la directive Location Nginx ? May 14, 2023 pm 11:58 PM

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, ~*

méthode de correspondance d'emplacement nginx méthode de correspondance d'emplacement nginx May 15, 2023 pm 02:25 PM

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

Quelle est la différence entre l'emplacement nginx et proxy_pass Quelle est la différence entre l'emplacement nginx et proxy_pass May 16, 2023 pm 03:16 PM

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: /