English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objet JavaScript

Manuel de référence JavaScript

Manuel de référence JS DOM

Attribut Location href

Objet Location

hrefDéfinir ou retourner l'URL complète de la page actuelle.

Syntaxe :

Retourner l'attribut href :

location.href

Définir l'attribut href :

location.href = URL
var x = location.href;
document.querySelector("#output").innerHTML = x;
Vérifiez et voyez‹/›

Compatibilité du navigateur

Tous les navigateurs prennent en charge pleinement l'attribut href :

Attribut
hrefEstEstEstEstEst

Valeur de l'attribut

ValeurDescription
URLChaîne, spécifiant l'URL du lien.
Valeurs possibles :

  • URL absolu-Un chemin absolu est un chemin qui commence à la racine du système de fichiers. Il contient toujours l'URL complète du fichier (par exemple href="https://fr.oldtoolbag.com/html/")

  • URL relative -Pointer vers un fichier dans le site (par exemple href="/ html /")

  • URL d'ancre-Pointer vers un ancre dans la page (par exemple location.href ="#empty_element")

  • Nouveau protocole -Spécifier un autre protocole (par exemple
    location.href="ftp://myftpserver.com"，
    location.href="mailto：[email protected]"
    ou location.href="file：// host / path /example.txt")

Détails techniques

Valeur de retour :Une chaîne, représentant l'URL complète de la page, y compris le protocole (par exemple https ://)

Plus d'exemples

Définir la valeur de href pour pointer vers un autre site :

location.href = "https://fr.oldtoolbag.com";
Vérifiez et voyez‹/›

Définir la valeur de href pour pointer vers un ancre dans la page :

location.href = "#top";
Vérifiez et voyez‹/›

Ce exemple affiche toutes les propriétés de position :

var txt = "";
txt　+= "<p>Host: "　+　location.host　+　"</p>";
txt　+= "<p>Hôte: "　+　location.hostname　+　"</p>";
txt　+= "<p>Href: "　+　location.href　+　"</p>";
txt　+= "<p>Origine: "　+　location.origin　+　"</p>";
txt　+= "<p>Chemin: "　+　location.pathname　+　"</p>";
txt　+= "<p>Protocole: "　+　location.protocol　+　"</p>";
txt　+= "<p>Recherche: "　+　location.search　+　"</p>";
document.write(txt);
Vérifiez et voyez‹/›

Références associées

Référence de position :Propriété location.host

Référence de position :Propriété location.hostname

Référence de position :Propriété location.pathname

Référence de position :Propriété location.protocol

Objet Location

Objet Navigator JavaScriptObjet Location JavaScript