Compréhension et utilisation courante de l'attribut d'objet de localisation dans les documents HTML_Connaissances de base

Une compréhension simple de l'objet de localisation :

1. L'objet location couvre la page actuelle (cette page) ou plus directement, les informations url du document HTML actuellement chargé

2. L'objet location est un attribut de l'objet window et est accessible via window.location

Présentons quelques informations pertinentes sur l'URL (localisateur de ressources) :

Dans les navigateurs, les URL se composent généralement des parties suivantes :

[Protocole][hôte][chemin][requête]

Protocole : Les protocoles courants sont :

http:// indique que le fichier de ressources se trouve sur le serveur web

ftp:// indique que le fichier de ressources se trouve sur le serveur ftp du réseau

hôte : nom d'hôte et numéro de port, tel que l'hôte couramment utilisé par Tomcat local : localhost:8080

chemin : les informations de chemin du projet, généralement composées de "/" et de caractères, "/" est la relation supérieur-subordonné

requête : commence généralement par "?", suivi de quelques paires clé-valeur (clé=valeur) Plusieurs paires clé-valeur sont séparées par "&". Elle peut être utilisée pour les pages Web dynamiques pour transmettre des paramètres. côté serveur, il peut être utilisé pour des opérations en arrière-plan, interroger les conditions de la base de données, etc., soumettre des données de formulaire, etc., et peut être soumis ici. Les éléments impliquant la sécurité doivent être cryptés ou via d'autres méthodes. . . .

Vous pouvez également ajouter des paramètres commençant par "#" après la requête, mais cela n'est pas utilisé actuellement, donc je ne commenterai pas avec désinvolture pour le moment

Attributs de l'objet de localisation :

Attribut 1.href : les informations complètes sur l'URL de la page actuelle, y compris le protocole, le nom d'hôte, le numéro de port, les paramètres de requête, les #informations, etc., tous inclus

Attribut 2.host : nom d'hôte et numéro de port, tels que localhost :8080 machine locale

3.hostname : nom d'hôte

4.port : numéro de port dans l'url

5.pathname : La partie du contenu du chemin dans l'URL qui contient "/"

6.protocole：Protocole

7.serach : La partie requête commençant par "?"

8.hash : Contenu commençant par "#"

Utilisation courante de la localisation

Évidemment, en plus de fournir aux développeurs des informations pratiques sur les attributs, il existe également une utilisation plus importante et plus courante

Le rechargement de la page peut être utilisé pour actualiser le contenu du document, mais une utilisation plus importante consiste à recharger le contenu du document après avoir modifié les informations href

location.href : Après affectation, le navigateur actualisera le contenu du document en fonction de la nouvelle URL spécifiée

location.reload() : Recharger le document

Aidez-nous à résoudre le problème des pages multi-domaines :

1. Actualiser la page actuelle

window.location.href =url//J'ai l'habitude d'utiliser cette méthode

self.location.href =url

location.href =url

Les trois méthodes ci-dessus peuvent être utilisées pour actualiser la page actuelle (recharger selon l'URL spécifiée, qui peut être un autre document flambant neuf, remplaçant le document actuel)

2. Lorsque la page parent utilise iframe pour inclure la page enfant

La page parent actualise la page enfant :

window.frames["id"].location.reload()//id est l'identifiant de l'iframe dans la page

3. La page enfant actualise la page parent

parant.location.reload()

self.opener.location.reload()

Il existe de nombreuses méthodes, et nous continuerons à les résumer avec une utilisation réelle à l'avenir ! ! ! !

Autres méthodes courantes :

location.replace() //Remplacer le document actuel par un nouveau document

location.assign() //Charger un nouveau document