El objeto ventana es el objeto superior de la jerarquía DOM. Representa una ventana o marco del navegador que muestra el contenido de la página web. Cada vez que aparece una ventana en la pantalla para mostrar el contenido del documento, se crea el objeto de ventana. Las propiedades y métodos del objeto Ventana que se usan comúnmente se enumeran en la siguiente tabla:
Propiedades del Objeto Ventana
Nombre de la propiedad |
Objetivo |
---|---|
Cerrado | Contiene un valor booleano que representa si la ventana está cerrada o no. |
consola | Devuelve una referencia al objeto de la consola que proporciona acceso a la consola de depuración del navegador. |
estado por defecto | Se utiliza para definir el mensaje predeterminado que se mostrará en la barra de estado cuando el navegador no realice ninguna actividad. |
controladores | Devuelve los objetos del controlador XUL para la ventana actual de Chrome. |
elementos personalizados | Devuelve una referencia al objeto CustomElementRegistry, que se puede utilizar para registrar nuevos elementos personalizados y también obtener información sobre elementos personalizados ya registrados. |
cripto | Devuelve el objeto criptográfico del navegador. |
dispositivoPixelRatio | Devuelve la relación entre los píxeles físicos y los píxeles independientes del dispositivo en la pantalla actual. |
Documento | Devuelve una referencia al objeto de documento de esa ventana. |
DOMMatrix | Devuelve una referencia a un objeto DOMMatrix, que representa arrays de 4×4, adecuadas para operaciones 2D y 3D. |
fotogramas[] | Representa una array que contiene todos los marcos de una ventana determinada. |
DOMPoint | Devuelve una referencia a un objeto DOMPoint, que representa un punto 2D o 3D en un sistema de coordenadas. |
Historia | Proporciona información de las URL visitadas en la ventana actual. |
Longitud | Representa el número de cuadros en la ventana actual. |
DOMRect | Devuelve una referencia a un objeto DOMRect, que representa un rectángulo. |
pantalla completa | Esta propiedad indica si la ventana se muestra a pantalla completa o no. |
Ubicación | Contiene la URL de la ventana actual. |
alturainterna | Se utiliza para obtener la altura del área de contenido de la ventana del navegador. |
ancho interior | Se utiliza para obtener el ancho del área de contenido de la ventana del navegador. |
Nombre | Contiene el nombre de la ventana referenciada. |
Abrelatas | Contiene una referencia a la ventana que abrió la ventana actual. |
Padre | Se refiere al conjunto de cuadros en el que está contenido el cuadro actual. |
Pantalla | Se refiere al objeto de la pantalla. |
Uno mismo | Proporciona otra forma de hacer referencia a la ventana actual. |
Estado | Anula el estado predeterminado y coloca un mensaje en la barra de estado. |
Parte superior | Devuelve una referencia a la ventana superior que contiene un marco si se abren muchas ventanas. |
Ventana | Devuelve la ventana o marco actual. |
Navegador | Devuelve una referencia al objeto navegador. |
alturaexterior | Obtendrá la altura del exterior de la ventana del navegador. |
anchoexterior | Obtendrá el ancho del exterior de la ventana del navegador. |
Barra de herramientas | Dará como resultado el objeto de la barra de herramientas, cuya visibilidad se puede alternar en la ventana. |
Para acceder a las propiedades del objeto de la ventana, especificará el nombre del objeto seguido de un símbolo de punto (.) y el nombre de la propiedad.
Sintaxis:
window.property_name
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <script language="JavaScript"> function winopen() { window.open("https://www.geeksforgeeks.org") } function showstatus() { window.status = "Opening GeeksforGeeks Home page"; } </script> </head> <body onload="showstatus()"> <input type="button" name="btn" value="Open GeeksforGeeks" onclick="winopen()"> </body> </html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por itskawal2000 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA