Objeto Window

Objeto Window

El objeto window representa la ventana abierta en el navegador.

Si el documento contiene marcos (<iframe> etiqueta), el navegador crea un objeto de ventana para el documento HTML y crea ventanas adicionales para cada marco.

Propiedades del objeto Window

Objeto 描述
closed Devuelve si la ventana ha sido cerrada.
console 返回窗口的 Objeto Console。
defaultStatus 弃用。Establece o devuelve el texto predeterminado de la barra de estado de la ventana.
document 返回窗口的 Objeto Document。
frameElement Devuelve los marcos que se están ejecutando en la ventana.
frames Devuelve todos los objetos de ventana que se están ejecutando en la ventana.
history 返回窗口的 Objeto History。
innerHeight Devuelve la altura de la zona de visualización del documento de la ventana.
innerWidth Devuelve el ancho de la zona de visualización del documento de la ventana.
length Devuelve el número de elementos <iframe> en la ventana actual.
localStorage Permite guardar pares clave/valor en el navegador web. Almacena datos sin fecha de expiración.
location 返回窗口的 Objeto Location。
name Establece o devuelve el nombre de la ventana.
navigator 返回窗口的 Objeto Navigator。
opener Devuelve una referencia a la ventana que creó la ventana actual.
outerHeight Devuelve la altura de la ventana del navegador, incluyendo la barra de herramientas y la barra de desplazamiento.
outerWidth Devuelve el ancho de la ventana del navegador, incluyendo la barra de herramientas y la barra de desplazamiento.
pageXOffset Devuelve los píxeles que se han desplazado horizontalmente desde la esquina superior izquierda de la ventana del documento actual.
pageYOffset Devuelve los píxeles que se han desplazado verticalmente desde la esquina superior izquierda de la ventana del documento actual.
padre 返回当前窗口的父窗口。
screen 返回窗口的 Objeto Screen。
screenLeft 返回窗口相对于屏幕的水平坐标。
screenTop 返回窗口相对于屏幕的垂直坐标。
screenX 返回窗口相对于屏幕的水平坐标。
screenY 返回窗口相对于屏幕的垂直坐标。
sessionStorage 允许在 Web 浏览器中保存键/值对。存储会话的数据。
scrollX pageXOffset 的别名。
scrollY pageYOffset 的别名。
self 返回当前窗口。
status 已弃用。请避免使用它。
top 返回最顶层的浏览器窗口。

Window 对象方法

方法 描述
alert() 显示带有消息和确定按钮的警报框（对话框）。
atob() 解码 base-64 编码的字符串。
blur() 从当前窗口移除焦点。
btoa() 以 base-64 编码字符串。
clearInterval() 清除使用 setInterval() 设置的计时器。
clearTimeout() 清除使用 setTimeout() 设置的计时器。
close() 关闭当前窗口。
confirm() 显示包含消息以及确定和取消按钮的对话框。
focus() 将焦点设置到当前窗口。
getComputedStyle() 确定应用到一个文档元素的 CSS 样式。
getSelection() 返回 Selection 对象，表示用户选择的文本范围。
matchMedia() 返回 MediaQueryList 对象，表示指定的 CSS 媒体查询字符串。
moveBy() 相对于其当前位置移动窗口。
moveTo() 将窗口移动到指定位置。
open() 打开新的浏览器窗口。
print() 打印当前窗口的内容。
prompt() 使用对话框请求输入一条简单的字符串。
requestAnimationFrame() 请求浏览器在下一次重绘之前调用函数来更新动画。
resizeBy() 按指定像素调整窗口大小。
resizeTo() 将窗口大小调整为指定的宽度和高度。
scroll() 弃用。此方法已被 scrollTo() 方法 替代。
scrollBy() 根据指定的像素数滚动文档。
scrollTo() Mover el documento a las coordenadas especificadas.
setInterval() Ejecutar el código especificado periódicamente.
setTimeout() Ejecutar código después de un tiempo especificado.
stop() Detener la carga de la ventana.

Descripción del objeto Window

El objeto Window representa la ventana o el cuadro del navegador. En JavaScript del cliente, el objeto Window es un objeto global, y todas las expresiones se calculan en el entorno actual. Es decir, para referirse a la ventana actual, no se necesita una sintaxis especial; puede usar las propiedades de esa ventana como variables globales. Por ejemplo, se puede escribir documenten lugar de escribir window.document.

Del mismo modo, puede usar los métodos del objeto ventana actual como funciones, como solo escribir alert(), sin necesidad de escribir Window.alert().

Además de las propiedades y métodos enumerados anteriormente, el objeto Window también implementa todas las propiedades y métodos globales definidos por el JavaScript nuclear.

La propiedad window del objeto Window y propiedad selfTodos ellos se refieren a sí mismos. Cuando desee referirse explícitamente a la ventana actual, y no solo de manera implícita, puede usar estas dos propiedades. Además de estas dos propiedades, la propiedad parent, la propiedad top y el array frame[] también se refieren a otros objetos Window relacionados con el objeto Window actual.

Para referirse a un cuadro dentro de la ventana, se puede usar la siguiente sintaxis:

frame[i]		//cuadro actual de la ventana
self.frame[i]	//cuadro actual de la ventana
w.frame[i]	//cuadro de la ventana w

Para referirse al padre de un cuadro (o cuadro padre), se puede usar la siguiente sintaxis:

parent		//ventana padre de la ventana actual
self.parent	//ventana padre de la ventana actual
w.parent 		//ventana padre de la ventana w

Para referirse a cualquier cuadro contenido en la ventana superior, se puede usar la siguiente sintaxis:

top		//ventana superior del cuadro actual
self.top		//ventana superior del cuadro actual
f.top		//ventana superior del cuadro f

Una nueva ventana de navegador superior se crea mediante el método Window.open(). Al llamar a este método, debe almacenar el valor de retorno de open() en una variable y luego usar esa variable para referirse a la nueva ventana. La nueva ventana tiene propiedad openeral revés, se refiere a la ventana que lo abrió.

En general, los métodos del objeto Window realizan alguna operación en la ventana del navegador o el cuadro. Y método alert()、método confirm()y método promptson diferentes, interactúan con el usuario a través de diálogos simples.