La propriété baseURI retourne ou définit l'URI de base du document HTML.
.....
La propriété baseURI retourne ou définit l'URI de base du document HTML.
L’ URI de base par défaut d’une page Web est son emplacement actuel , j’explique si votre page se trouve à la racine de votre site l’emplacement de base est :
URI= http://votre_nom_de_dommaine
mai si votre page se trouve dans un dossier à la racine de votre site l’emplacement de base de votre page est :
URI= http:// votre_nom_de_dommaine/dossier.
Les chemins relatifs dans le document sont liés à l'URL de base. L'URL de base est l'emplacement du document courant par défaut comme on vient de le dire ci dessus, mais il peut être remplacé par la balise base.
Et donc si vous mettez un chemin relative dans votre page comme par exemple <img src= "images/image.gif ">
L’explorateur, par exemple pour l’image ci-dessus, va chercher dans
URI de base/images/image.gif
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple la propriété baseURI</title>
</head>
<body>
<p id="dmo"> cliquez sur le bouton pour afficher l'URI de
base</p>
<button onclick="maFonction()">Afficher</button>
<script>
function maFonction()
{
document.getElementById("dmo").innerHTML=document.baseURI;
}
</script>
<p><strong>Remarque :</strong> la propriété
baseURI n'est pas prise en charge dans IE.</p>
</body>
</html>
Appui de navigateur
La propriété baseURI est prise en charge dans tous les principaux navigateurs, sauf Internet Explorer.
Syntaxe
node.baseURI
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Exemple la propriété baseURI avec balise
base</title>
<base href="/externe/exemples/commun/" />
<script type="text/javascript">
function trouveBaseURL () {
if ('baseURI' in document) {
alert ("La base URL pour ce document est :\n" +document.baseURI);
}
else {//pour IE
var baseTags =
document.getElementsByTagName("base");
if (baseTags.length > 0) {
alert ("La base URL pour ce document est :\n"+ baseTags[0].href);
}
else {
alert ("La base URL pour ce document est :\n"+ window.location.href);
}
}
}
</script>
</head>
<body>
<button onclick="trouveBaseURL ()">Trouvez la base URL pour ce document</button>
</body>
</html>
Pour bien comprendre la baseURI exécutez le code ci-dessus avec puis sans la ligne :
<base href="/externe/exemples/commun/" />
Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.
GAGNER DE L'ARGENT