Quan un document HTML es carrega a la finestra del navegador en temps d'execució, aquest document es converteix en un objecte de document que dóna accés a tots els elements HTML que s'hi mostren. Ve amb una àmplia gamma de mètodes i propietats que ajuden a realitzar tasques especials. El ' bases ” és una d'aquestes propietats que està dissenyada específicament per retornar l'URI base (adreça de la pàgina web actual) del document HTML. És útil localitzar l'URI base que indica a l'usuari el domini, el recurs i la ubicació dels documents HTML especificats.
Aquesta publicació demostra el funcionament de la propietat 'baseURI' del document a JavaScript.
Què fa la propietat 'baseURI' del document a JavaScript?
El ' bases ” La propietat de només lectura de l'objecte “document” mostra l'URI base (identificador uniforme de recursos) del document especificat. El 'baseURI' és un URT absolut que especifica la ubicació del document. Aquesta propietat retorna l'URI base del document en forma de 'cadena'.
Sintaxi
document.baseURI
La sintaxi anterior no requereix cap paràmetre addicional per dur a terme la tasca definida.
Utilitzem la propietat definida anteriorment a l'exemple per veure la seva implementació pràctica.
Exemple: Recupereu l'URI base del document mitjançant la propietat “baseURI”.
Aquest exemple aplica la propietat 'baseURI' amb l'objecte 'document' per obtenir l'URI base del document actual.
Codi HTML
Primer, mireu el codi que s'indica a continuació:
< h2 > Document baseURI Propietat en JavaScript h2 >< botó fent clic = 'jsFunc()' > Obteniu baseURI botó >
< pàg id = 'mostra' > pàg >
Segons el fragment de codi anterior:
- El ' L'etiqueta afegeix un subtítol del nivell 2.
- El '
L'etiqueta especifica un botó amb un esdeveniment del ratolí adjunt 'onclick' que crida a la funció JavaScript 'jsFunc()' quan s'activa l'esdeveniment. - El ' L'etiqueta crea un paràgraf buit amb un identificador assignat 'mostra' per afegir-lo a l'URI de base del document actual.
Codi JavaScript
Ara, continueu amb el codi JavaScript:
< guió >funció jsFunc ( ) {
deixar t = document.baseURI;
document.getElementById ( 'mostra' ) .innerHTML = ' L'URI base del document actual és: ' + t;
}
guió >
En el codi proporcionat anteriorment:
- La funció definida per l'usuari ' jsFunc() ” primer declara una variable anomenada “t” que utilitza la propietat “document.baseURI”.
- Després d'això, apliqueu el ' getElementById() ” mètode per obtenir el paràgraf buit que té l'identificador com a “mostra” per mostrar el valor retornat de la variable “t”, és a dir, URI base.
Sortida
Aquí, la sortida anterior mostra l'URI base del document actual mitjançant el ' document.baseURI ” propietat al botó feu clic en conseqüència.
Conclusió
JavaScript ' document ' objecte ' bases ” és útil per obtenir l'URI de base del document especificat. Proporciona un valor de cadena que representa l'URI base de la pàgina web activa. És una propietat de només lectura que no depèn de cap paràmetre addicional per dur a terme aquesta funcionalitat. Aquesta publicació va demostrar breument el funcionament (amb implementació pràctica) de la propietat 'baseURI' del document a JavaScript.