Une compréhension simple des objets de localisation:
1. L'objet d'emplacement couvre la page actuelle (cette page) ou, plus directement, les informations URL du document HTML actuellement chargé
2. L'objet de localisation est une propriété de l'objet de fenêtre et est accessible via la fenêtre.
Voici quelques informations liées à l'URL (localisateur de ressources):
Dans un navigateur, les URL sont généralement composées des parties suivantes:
[Protocole] [hôte] [Path] [Query]
Accord: les protocoles communs sont:
http: // signifie que le fichier de ressources est sur le serveur Web
ftp: // signifie que le fichier de ressources se trouve dans le serveur FTP sur le réseau
Hôte: nom d'hôte et numéro de port, par exemple, l'hôte couramment utilisé pour Tomcat natif: LocalHost: 8080
Chemin: Les informations sur le chemin du projet sont généralement composées de "/" et de caractères, et "/" est une relation de niveau supérieur.
Query: Généralement, cela commence par "?", Et ajoute certaines paires de valeurs de clé de chanson (key = valeur) par la suite. Les paires de valeurs de clé multiple sont séparées par "&". Ils peuvent être utilisés pour des pages Web dynamiques, transmettre des paramètres au côté du serveur, utiliser pour les opérations d'arrière-plan, les conditions de base de données de requête, etc., soumettre des données de table, etc., et peuvent tous être placés ici pour soumission. Les choses impliquant la sécurité doivent être cryptées séparément ou par d'autres méthodes. . . .
Vous pouvez également ajouter des paramètres en commençant par le signe "#" à la fin de la requête, mais cette chose n'est pas utilisée pour le moment, donc je ne ferai aucun commentaire pour le moment.
Propriétés de l'objet d'emplacement:
1.HREF Attribut: les informations complètes de 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.
2. Attribut hôte: nom d'hôte et numéro de port, comme localhost: 8080 local
3.Hostname: nom d'hôte
4. Port: numéro de port dans l'URL
5.Pathname: la partie du contenu de chemin dans l'URL contient "/"
6.Protocol: protocole
7.Serach: La partie de la requête en commençant par "?"
8.Hash: Contenu en commençant par "#"
Utilisation commune de l'emplacement
De toute évidence, en plus de fournir aux développeurs des informations d'attribut pratiques, il existe un autre objectif plus important et couramment utilisé.
Recharger la page, qui peut être utilisée pour actualiser le contenu du document, mais l'objectif le plus important est de recharger le contenu du document après avoir modifié les informations HREF.
location.href: Après l'attribution, le navigateur actualisera le contenu du document en fonction de cette toute nouvelle URL spécifiée.
emplacement.reload (): Recharger le document
Nous aider à résoudre les problèmes de pages inter-domaines:
1. Rafraîchir 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 tout nouveau document, en remplacement du document actuel)
2. Lorsque vous utilisez un iframe dans la page parent pour inclure la page enfant
La page parent rafraîchit la page de l'enfant:
window.frames ["id"]. location.reload () // id est l'ID de l'Iframe dans la page
3. La page de l'enfant rafraîchit la page parent
partition.location.reload ()
self.opener.location.reload ()
Il existe de nombreuses méthodes et nous continuerons à les résumer comme nous les utilisons à l'avenir! ! ! !
Autres méthodes courantes:
location.replace () // Remplacez le document actuel par un nouveau document
location.assign () // Chargez un nouveau document