29. Objet de localisation

location- Oui.windowUne propriété dans l'objet,Pour obtenir,Paramètres,Résoudre le formulaireurl(Unifrom Resource Locator,Le nom chinois est Uniform Resource Locator,Communément appelé adresse),Parce que cette propriété renvoie un objet,Donc nous appelons cette propriété aussilocationObjet

urlIl se compose généralement des Parties suivantes

• queryAussi appelé chaîne de requête

1 Première connaissancelocation

localtionIl y a ces propriétés communes dans l'objet

Regardons le code ci - dessous

• Le pourcentage plus deux chiffres est la raison du symbole chinois

Si vous voulez réglerlocation.href Assignez une valeur directement à cette propriété

Ouvrez cette page avec le navigateur et vous sauterez à Baidu

2  Saut automatique de la page après cinq secondes

Nous visitons parfois un site qui n'a pas de route du tout , Dans des circonstances normales 404, On ne veut pas 404, Alors nous devons capturer 404Erreur, Puis redirigez - le (302) Une page personnalisée , Nous allons maintenant faire la fonctionnalité de cette page

Je n'aurais pas besoin d'un cadre d'arrière - plan , Faites un saut de 5 secondes , Sautez à Baidu dans cinq secondes

C'est comme ça après l'ouverture

Sautez à Baidu dans cinq secondes

Il y a des sites qui vous rappellent de vous inscrire avec succès , Et à l'intérieur 5s Seed saute à la page d'accueil , Si vous voulez utiliser l'effet du compte à rebours setInterval(),setInterval() Il n'est pas nécessaire d'effacer le minuteur , Le minuteur s'efface automatiquement après le saut de la page

3   Obtenir entre différentes adresses urlParamètres

Nous avons deux pages ,L'un estlogin.html,L'autre estindex.html,Inlogin.html L'utilisateur doit remplir une chaîne pour index.html

Cliquez sur connexion,index Les résultats seront différents selon le nom d'utilisateur rempli

login.htmlVoici le Code pour

index.htmlVoici le Code pour

Il y a une meilleure façon de résoudre la chaîne de requête après , Nous examinons maintenant le processus de passage des paramètres , Et ce n'est pas une façon d'entrer le chinois ,Inindex.html C'est le chaos.

login.htmlAvecindex.htmlDans le même répertoire

4  Méthodes courantes

4.1  location.assign()

Cliquez sur le bouton pour passer à Baidu

• Utiliserlocation.assign() Peut reculer ,Voilà.location.href L'affectation peut également être inversée

location.assign()Aveclocation.href L'historique de navigation est enregistré , Pour pouvoir revenir en arrière

4.2  location.replace()

Cliquez sur le bouton pour passer à Baidu ,Utiliserlocation.replace() On ne peut pas reculer

location.replace() Impossible d'enregistrer l'historique de navigation , Donc on ne peut pas reculer

4.3  location.reload

C'est comme rafraîchir la page

Le paramètre par défaut sans paramètre est false, équivalent à un rafraîchissement normal , La page courante est rafraîchie en cliquant sur le bouton , C'est l'équivalent d'un clic sur le bouton rafraîchir

Si on donne les paramètres true, C'est l'équivalent d'une forte brosse sur le navigateur (ctrl+F5), .Le pinceau fort efface certaines images précédemment mises en cache et les recharge

Notre page actuelle est simple, donc il n'y a aucune différence , Si vous créez une image de fichier statique et l'affichez sur une page web , Puis vous avez changé l'image statique , Ça fait une différence