Cuando un documento HTML se carga en la ventana del navegador en tiempo de ejecución, este documento se convierte en un objeto de documento que da acceso a todos los elementos HTML que se muestran en él. Viene con una amplia gama de métodos y propiedades que ayudan a realizar tareas especiales. El ' bases ” es una de esas propiedades que está diseñada específicamente para devolver el URI base (dirección de la página web actual) del documento HTML. Es útil ubicar el URI base que le dice al usuario el dominio, el recurso y la ubicación de los documentos HTML especificados.
Esta publicación demuestra el funcionamiento de la propiedad Document 'baseURI' en JavaScript.
¿Qué hace la propiedad 'baseURI' del documento en JavaScript?
El ' bases La propiedad de solo lectura del objeto 'documento' muestra el URI base (identificador uniforme de recursos) del documento especificado. El 'baseURI' es un URT absoluto que especifica la ubicación del documento. Esta propiedad devuelve el URI base del documento en forma de 'cadena'.
Sintaxis
documento.baseURI
La sintaxis anterior no requiere ningún parámetro adicional para realizar la tarea definida.
Usemos la propiedad definida anteriormente en el ejemplo para ver su implementación práctica.
Ejemplo: recuperar el URI base del documento utilizando la propiedad 'baseURI'
Este ejemplo aplica la propiedad 'baseURI' con el objeto 'documento' para obtener el URI base del documento actual.
código HTML
Primero, mire el código indicado a continuación:
< h2 > Propiedad baseURI del documento en JavaScript h2 >< botón al hacer clic = 'jsFunc ()' > Obtener baseURI botón >
< pag identificación = 'muestra' > pag >
De acuerdo con el fragmento de código anterior:
- El ' La etiqueta ” agrega un subtítulo de nivel 2.
- El '
La etiqueta ” especifica un botón con un evento de mouse adjunto “onclick” que llama a la función de JavaScript “jsFunc()” cuando se activa el evento. - El ' La etiqueta ” crea un párrafo vacío con una identificación asignada “muestra” para agregarle el URI base del documento actual.
Código JavaScript
Ahora, continúa con el código JavaScript:
< guion >función jsFunc ( ) {
dejar t = documento.baseURI;
documento.getElementById ( 'muestra' ) .innerHTML = ' El baseURI del documento actual es: ' + t;
}
guion >
En el código proporcionado anteriormente:
- La función definida por el usuario “ jsFunc() ” primero declara una variable llamada “t” que utiliza la propiedad “document.baseURI”.
- Después de eso, aplique el “ getElementById() ” para obtener el párrafo vacío que tiene la identificación como “muestra” para mostrar el valor devuelto de la variable “t”, es decir, URI base.
Producción
Aquí, la salida anterior muestra el URI base del documento actual a través del ' documento.baseURI ” propiedad sobre el botón haga clic en consecuencia.
Conclusión
JavaScript “ documento ' objeto ' bases La propiedad ” es útil para obtener el URI base del documento especificado. Proporciona un valor de cadena que representa el URI base de la página web activa. Es una propiedad de solo lectura que no depende de ningún parámetro adicional para realizar esta funcionalidad. Esta publicación demostró brevemente el funcionamiento (con implementación práctica) de la propiedad 'baseURI' del documento en JavaScript.