fenêtre.Propriétés de l'objet d'emplacement | Expliqué

Le modèle d'objet du navigateur plus communément appelé BOM est un modèle d'objet utilisé par JavaScript pour communiquer avec le navigateur. Bom contient des objets qui découvrent les fonctionnalités d'un navigateur Web. Il existe de nombreux objets importants qui font partie du modèle d'objet de navigateur (BOM), comme l'objet historique, l'objet d'écran, l'objet de localisation, l'objet de navigation, etc. Ces objets sont constitués de nombreuses propriétés et méthodes. Cet article, cependant, est conçu pour mettre en évidence les propriétés du Objet de localisation.

Avant de sauter à droite aux propriétés du Objet de localisation, Comprenons d'abord ce qu'est un objet de localisation.

Objet de localisation

L'objet de localisation se compose des informations pertinentes sur l'URL disponible et l'objet de document, comme un objet historique et l'objet d'écran, il s'agit également d'une propriété de l'objet Window.

Syntaxe
La syntaxe de l'objet de localisation est la suivante.

fenêtre.emplacement

Ou,

emplacement

Exemple
Dans l'exemple suivant, nous utilisons la propriété PathName de l'objet de localisation pour récupérer le chemin d'accès de la page Web.

Sortir

En utilisant la propriété PathName de l'objet de localisation, nous avons récupéré le chemin d'accès de l'URL existant.

Maintenant que nous avons une compréhension de base de l'objet de localisation, plongeons dans les détails des propriétés de l'objet de localisation.

Propriétés de l'objet de localisation

Les propriétés de l'objet d'emplacement sont les suivantes.

hacher

Il est utilisé dans le but de récupérer ou de définir l'ancre de l'URL (y compris le hash #).

Syntaxe
La syntaxe de la propriété de hachage est donnée ci-dessous.

Pour aller chercher,

emplacement.hacher

Pour le réglage,

emplacement.hachage = nom d'ancrage

Exemple
Supposons que vous souhaitiez obtenir la partie ancre d'une URL en utilisant la propriété de hachage de l'objet de localisation.

Feuille de triche de commande Linux

Dans l'exemple ci-dessus, nous avons fourni un lien vers l'attribut HREF de l'élément, puis nous avons utilisé la propriété de hachage sur le lien pour obtenir la partie ancre de l'URL.

document.GetElementByid ("tutoriel").innerhtml = "La partie ancre de l'URL est:"

Sortir

En utilisant la propriété de hachage de l'objet de localisation, nous avons extrait la partie ancre de l'URL.

héberger

Il est utilisé dans le but d'extraire le nom d'hôte et le numéro de port de l'URL.

Syntaxe
La syntaxe de la propriété hôte est donnée ci-dessous.

Pour récupérer l'hôte de l'URL,

emplacement.héberger

Pour définir l'hôte de l'URL,

emplacement.hôte = nouvel hôte: nouveau port

Exemple
Supposons que vous souhaitiez récupérer le nom d'hôte de l'URL existant à l'aide de la propriété hôte de l'objet de localisation.

Dans l'exemple ci-dessus, nous obtenons le nom d'hôte de l'URL disponible en utilisant le morceau de code suivant.

Laissez hôte = emplacement.héberger;
document.GetElementByid ("tutoriel").innerHtml = host;

Sortir

En utilisant la propriété hôte de l'objet de localisation, le nom d'hôte et le numéro de port de l'URL existant ont été récupérés.

nom d'hôte

Il est utilisé pour récupérer le nom d'hôte de l'URL.

Syntaxe
La syntaxe de la propriété du nom d'hôte est fournie ci-dessous.

Pour récupérer le nom d'hôte de l'URL,

emplacement.nom d'hôte

Pour définir le nom d'hôte de l'URL,

emplacement.nom hôte = nouveau nom d'hôte

Exemple
Supposons que vous souhaitez extraire le nom d'hôte de l'URL à main.

Dans l'exemple ci-dessus, la propriété du nom d'hôte de l'objet de localisation a été utilisée pour obtenir le nom d'hôte de l'URL disponible.

Laissez HostName = Location.nom d'hôte;
document.GetElementByid ("tutoriel").innerHtml = hostname;

Sortir

En utilisant la propriété du nom d'hôte de l'objet de localisation, le nom d'hôte de l'URL actuel a été récupéré.

href

Il est utilisé dans le but de récupérer ou de définir l'URL complète.

Syntaxe
La syntaxe de la propriété HREF est donnée ci-dessous.

Pour extraire le HREF de l'URL,

emplacement.href

Pour définir le HREF de l'URL,

emplacement.href = nouvelle URL

Exemple
Supposons que vous souhaitiez extraire l'URL complète de la page Web existante.

Dans l'exemple ci-dessus, en utilisant la propriété HREF de l'objet d'emplacement, l'URL complète de la page Web à portée.

Laissez URL = emplacement.href;
document.GetElementByid ("tutoriel").innerHtml = url;

Sortir

L'URL complète de la page Web actuelle a été extraite à l'aide de la propriété HREF de l'objet de localisation.

origine

Il est utilisé dans le but de récupérer le nom d'hôte, le numéro de port et le protocole de l'URL.

Syntaxe
La syntaxe de la propriété Origin est la suivante.

emplacement.origine

Exemple
Supposons que vous souhaitiez récupérer le protocole, le nom d'hôte et le numéro de port de l'URL actuelle.

Dans l'exemple ci-dessus, l'origine (protocole, nom d'hôte et numéro de port) de l'URL actuelle est en train de récupérer en utilisant la propriété d'origine de l'objet de localisation.

Soit Origin = emplacement.origine;
document.GetElementByid ("tutoriel").innerHtml = origine;

Sortir

La sortie affiche le protocole, le nom d'hôte et le numéro de port de l'URL disponible.

cheminée

Il est utilisé dans le but d'extraire ou de définir le chemin d'accès de l'URL.

Syntaxe
La syntaxe de la propriété PathName est la suivante.

Pour récupérer le chemin d'accès de l'URL,

emplacement.cheminée

Pour définir le chemin d'accès de l'URL,

emplacement.pathname = nouveau chemin d'accès

Exemple
Supposons que vous souhaitiez extraire le chemin d'accès de l'URL actuelle.

Dans l'exemple ci-dessus, le chemin d'accès de l'URL existant est extrait à l'aide de la propriété PathName de l'objet de localisation.

Laissez le chemin = emplacement.PathName;
document.GetElementByid ("tutoriel").innerHtml = chemin;

Sortir

En utilisant la propriété PathName de l'objet de localisation, le chemin d'accès de l'URL existant a été récupéré.

port

Il est utilisé dans le but d'extraire ou de régler le numéro de port de l'URL.

Syntaxe
La syntaxe de la propriété du port est la suivante.

Pour récupérer le port de l'URL,

emplacement.port

Pour régler le port de l'URL,

emplacement.port = nouveau numéro de port

Exemple
Dans l'exemple suivant, le numéro de port de la page Web actuelle est en cours d'extraction.

Dans l'exemple ci-dessus, en utilisant la propriété du port de l'objet de localisation, le numéro de port de la page Web actuelle est en cours d'extraction.

Laissez le port = emplacement.port;
document.GetElementByid ("tutoriel").innerhtml = "Le numéro de port de la page Web actuelle est:" + port;

Sortir

Le numéro de port de la page Web actuelle a été récupéré et illustré dans la sortie.

protocole

Il est utilisé dans le but de récupérer ou de définir le protocole de l'URL.

Syntaxe
La syntaxe de la propriété du protocole est la suivante.

Pour extraire le port de l'URL,

emplacement.protocole

Pour régler le port de l'URL,

emplacement.protocole = nouveau protocole

Exemple
Dans l'exemple suivant, le protocole de l'URL disponible est récupéré.

Le morceau de code suivant récupère le protocole de l'URL actuelle.

Soit Protocole = emplacement.protocole;
document.GetElementByid ("tutoriel").innerHtml = protocole;

Sortir

Le protocole de l'URL actuel a été extrait.

recherche

Il est utilisé dans le but de récupérer ou de régler le qurstring de l'URL.

Syntaxe
La syntaxe de la propriété de recherche est la suivante.

Pour extraire la recherche de l'URL,

emplacement.recherche

Pour définir la recherche de l'URL,

emplacement.Recherche = Querrystring

Exemple

https: // linuxhint.com / linux-command-cheat-sheet /?réponse = oui

Le morceau de code suivant récupère la requête de l'URL.

Laissez Anchor = document.getElementById ("Linux");
Laissez la requête = ancre.recherche;
document.GetElementByid ("tutoriel").innerhtml = "La partie de recherche de l'URL est:" + Query;

Sortir

La chaîne de requête de l'URL a été extraite.

Conclusion

L'objet de localisation se compose des informations pertinentes sur l'URL disponible et l'objet de document comme le document, il s'agit également d'une propriété de l'objet Window. Il se compose de nombreuses propriétés telles que le hachage, l'hôte, le nom d'hôte, le chemin d'accès, etc. Ces propriétés ont des objectifs différents qui sont mis en évidence dans ce post ainsi que des exemples appropriés.