HTML5 - Objet de localisation

L'object lieu est l'un des nombreux auxquels nous pouvons accéder grâce à SOLEIL, Cela nous permet d'obtenir des informations pertinentes sur l'adresse du document et permet également la navigation vers d'autres documents.
L'objet de localisation
Comme nous l'avons mentionné au début, l'objet lieu nous permet d'accéder aux propriétés de localisation de notre document via le SOLEIL, afin que nous puissions obtenir des informations détaillées sur les adresses et comment naviguer vers d'autres documents.
Pour obtenir tout cela, nous avons les propriétés et méthodes suivantes que nous pouvons utiliser lors de l'appel de cet objet, voyons la liste et ce que chacun fait :

· protocole: Obtient ou définit le composant de protocole de l'URL du document.

· héberger: Obtient ou définit le composant hôte de l'URL du document.

· href : Obtient ou définit l'emplacement du document actuel.

· nom d'hôte : Obtient ou définit le nom d'hôte de l'URL du document.

· Port: Obtient ou définit le composant de port de l'URL du document.

· chemin d'accès : Obtient ou définit le chemin ou le composant de chemin de l'URL du document.

· chercher: Obtient ou définit le composant de requête de l'URL du document.

· hacher : obtient ou définit un composant de hachage pour l'URL du document.

· attribuer (): Accédez à l'URL spécifiée.

· remplacer (): supprimez le document actuel et accédez à celui spécifié dans l'URL.

· recharger (): Recharger ou actualiser le document actuel.

· URL de résolution () : Résout l'URL relative spécifiée en un chemin absolu.

Très bien, maintenant que nous savons ce que nous avons, nous allons voir un petit exemple de comment obtenir toutes ces informations dans un document en utilisant Javascript dans notre document HTML.

 Exemple 

Voyons comment cela est interprété dans le navigateur; Afin de démontrer la fonctionnalité de recherche et de hachage que nous utilisons ? requête = pommes # pommes afin que nous puissions voir comment le navigateur le prend, en dessous du résultat dans l'image suivante :

Utilisez l'objet de localisation pour naviguer vers une autre page
Comme nous l'avions mentionné précédemment, nous pouvons également utiliser l'objet de localisation pour naviguer vers un autre site, c'est-à-dire aller vers un autre document, il y a plusieurs façons de le faire, cependant nous allons voir l'une des plus simples cette fois dans un démonstratif façon, voyons d'abord le code que nous devons générer et ensuite nous expliquerons comment cela fonctionne :

 Exemple
Il existe de nombreuses sortes de fruits - il existe plus de 500 variétés de bananes à elles seules. Au moment où nous ajoutons les innombrables types de pommes, d'oranges et d'autres fruits bien connus, nous sommes confrontés à des milliers de choix.
Appuyez-moi
L'un des aspects les plus intéressants des fruits est la variété disponible dans chaque pays. J'habite près de Londres, dans une région connue pour ses pommes.
 

Dans ce code nous faisons simplement ce qui suit, nous établissons d'abord que dans l'élément avec l'id pressme nous allons inclure une nouvelle fonction lorsque vous cliquez dessus, ceci grâce à l'événement onclick, puis au sein de la fonction qui est activée lorsque vous cliquez, nous utilisons l'objet document.emplacement.hachage et nous faisons correspondre la valeur du hachage vers lequel nous allons naviguer, dans ce cas banane est une image que nous avons incluse comme identifiant d'un élément image img.
Voyons à quoi cela ressemble dans notre navigateur :

AGRANDIR

Comme nous pouvons le voir, c'est un comportement très utile et nous le réalisons de manière très simple en utilisant l'objet de localisation.
Une autre façon pourrait être d'utiliser la méthode replace que nous avions précédemment listée, cependant la particularité de replace est qu'elle remplace le document courant par celui qu'elle reçoit en paramètre, éliminant ainsi de l'historique le document qui l'appelait, donc le bouton retour le navigateur ne mènerait nulle part.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif