El modelo de objetos del navegador (BOM) proporciona las propiedades y los métodos para que JavaScript interactúe con el navegador. BOM permite realizar acciones para manipular la ventana del navegador a través de objetos BOM sin afectar el contenido de la página, es decir, el documento. Los objetos BOM son objetos globales.
Los objetos BOM utilizados para manipular la ventana del navegador que son:
Estos objetos son hijos del objeto ventana . El objeto ventana representa la ventana del navegador. Por lo tanto, se pueden usar con el prefijo: window.object_name o sin usar el prefijo object_name
- location.href devuelve la URL de la página web actualmente cargada en la ventana del navegador.
Sintaxis:console.log("URL of the web page " + location.href) - location.hostname devuelve el nombre de dominio del host actual (excluyendo el número de puerto).
Sintaxis:console.log("Domain name of current host page is " + location.hostname) - location.protocol devuelve el protocolo web utilizado por la página web actual (http:, archivo: o https:)
Sintaxis:console.log("Protocol used by the current page is " + location.protocol) - location.assign devuelve una nueva página web cargada en la ventana, cuando se especifica la dirección completa.
Sintaxis:location.assign("http://www.google.com") - location.reload recarga la página actual. Su función es la misma que la del botón de recarga en la ventana del navegador.
Sintaxis:location.reload();
Ejemplo: este ejemplo utiliza la propiedad location.href del objeto de ubicación.
<!DOCTYPE html>
<html>
<body>
<p id="a"></p>
<script>
document.getElementById("a").innerHTML
= " URL of the currently loaded page is "
+ location.href;
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por irenecasmir y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA