Lorsqu'un document HTML se charge dans la fenêtre du navigateur au moment de l'exécution, ce document devient un objet document qui donne accès à tous les éléments HTML qui y sont affichés. Il est livré avec un large éventail de méthodes et de propriétés qui aident à effectuer des tâches spéciales. Le ' socles ” est l'une de ces propriétés spécialement conçue pour renvoyer l'URI de base (adresse de la page Web actuelle) du document HTML. Il est utile de localiser l'URI de base qui indique à l'utilisateur le domaine, la ressource et l'emplacement des documents HTML spécifiés.
Cet article montre le fonctionnement de la propriété Document 'baseURI' en JavaScript.
Que fait la propriété Document 'baseURI' en JavaScript ?
Le ' socles ” propriété en lecture seule de l'objet “document” affiche l'URI de base (Uniform Resource Identifier) du document spécifié. Le 'baseURI' est un URT absolu spécifiant l'emplacement du document. Cette propriété renvoie l'URI de base du document sous la forme d'une 'chaîne'.
Syntaxe
document.baseURI
La syntaxe ci-dessus ne nécessite aucun paramètre supplémentaire pour effectuer la tâche définie.
Utilisons la propriété définie ci-dessus dans l'exemple pour voir sa mise en œuvre pratique.
Exemple : récupérer l'URI de base du document à l'aide de la propriété 'baseURI'
Cet exemple applique la propriété 'baseURI' avec l'objet 'document' pour obtenir l'URI de base du document actuel.
Code HTML
Tout d'abord, regardez le code ci-dessous :
< h2 > Propriété URI de la base de document dans Javascript h2 >< bouton sur clic = 'jsFunc()' > Obtenir l'URI de base bouton >
< p identifiant = 'goûter' > p >
Selon l'extrait de code ci-dessus :
- Le ' ” ajoute un sous-titre de niveau 2.
- Le '
” spécifie un bouton avec un événement de souris attaché “onclick” qui appelle la fonction JavaScript “jsFunc()” lorsque l'événement est déclenché. - Le ' ” crée un paragraphe vide avec un identifiant assigné “sample” pour l'ajouter avec l'URI de base du document actuel.
Code Javascript
Maintenant, continuez avec le code JavaScript :
< scénario >fonction jsFunc ( ) {
laisser t = document.baseURI ;
document.getElementById ( 'goûter' ) .innerHTML = ' L'URI de base du document actuel est : ' + t ;
}
scénario >
Dans le code fourni ci-dessus :
- La fonction définie par l'utilisateur ' jsFunc() » déclare d'abord une variable nommée « t » qui utilise la propriété « document.baseURI ».
- Après cela, appliquez le ' getElementById() ' pour récupérer le paragraphe vide ayant l'id comme 'échantillon' pour afficher la valeur renvoyée par la variable 't', c'est-à-dire l'URI de base.
Sortir
Ici, la sortie ci-dessus affiche l'URI de base du document actuel via le ' document.baseURI ” propriété sur le bouton cliquez en conséquence.
Conclusion
Javascript ' document ' objet ' socles ” est utile pour obtenir l'URI de base du document spécifié. Il fournit une valeur de chaîne représentant l'URI de base de la page Web active. Il s'agit d'une propriété en lecture seule qui ne dépend d'aucun paramètre supplémentaire pour exécuter cette fonctionnalité. Cet article a brièvement démontré le fonctionnement (avec une implémentation pratique) de la propriété 'baseURI' du document en JavaScript.