Objeto Window

Objeto Window

O objeto window representa a janela aberta no navegador.

Se o documento contiver frames (<iframe> tag), o navegador cria um objeto de janela para o documento HTML e cria uma janela adicional para cada frame.

Propriedades do objeto Window

Objeto 描述
closed Retorna se a janela foi fechada.
console 返回窗口的 Objeto Console。
defaultStatus 已弃用。Define ou retorna o texto padrão na barra de estado da janela.
document 返回窗口的 Objeto Document。
frameElement Retorna os frames em execução na janela.
frames Retorna todos os objetos de janela em execução na janela.
history 返回窗口的 Objeto History。
innerHeight Retorna a altura da área de exibição do documento na janela.
innerWidth Retorna a largura da área de exibição do documento na janela.
length Retorna o número de elementos <iframe> na janela atual.
localStorage Permite salvar pares de chave/valor no navegador da Web. Armazena dados sem data de expiração.
location 返回窗口的 Objeto Location。
name Define ou retorna o nome da janela.
navigator 返回窗口的 Objeto Navigator。
opener Retorna uma referência para a janela que criou a janela atual.
outerHeight Retorna a altura da janela do navegador, incluindo a barra de ferramentas/rolagem.
outerWidth Retorna a largura da janela do navegador, incluindo a barra de ferramentas/rolagem.
pageXOffset Retorna os pixels rolados horizontalmente do documento atual a partir do canto superior esquerdo da janela.
pageYOffset Retorna os pixels rolados verticalmente do documento atual a partir do canto superior esquerdo da janela.
parent 返回当前窗口的父窗口。
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() Rollar o documento para as coordenadas especificadas.
setInterval() Executar código especificado periodicamente.
setTimeout() Executar código após um tempo especificado.
stop() Parar de carregar a janela.

Descrição do objeto Window

O objeto Window representa a janela ou frame do navegador. No JavaScript do cliente, o objeto Window é um objeto global, e todas as expressões são calculadas no ambiente atual. Isso significa que para se referir à janela atual, você não precisa de uma sintaxe especial; você pode usar as propriedades daquela janela como variáveis globais. Por exemplo, você pode escrever apenas documentao invés de escrever window.document.

Da mesma forma, você pode usar os métodos do objeto Window como funções, como apenas escrever alert(), sem escrever Window.alert().

Além das propriedades e métodos listados acima, o objeto Window implementou todas as propriedades e métodos globais definidos pelo JavaScript nuclear.

A propriedade window do objeto Window e propriedade selfOs que são referenciados são eles mesmos. Quando você deseja explicitamente se referir à janela atual, e não apenas implicitamente, você pode usar essas duas propriedades. Além dessas duas propriedades, a propriedade parent, a propriedade top e o array frame[] referenciam outros objetos Window relacionados ao objeto Window atual.

Para se referir a um frame dentro da janela, você pode usar a seguinte sintaxe:

frame[i]		//Frame atual
self.frame[i]	//Frame atual
w.frame[i]	//Frame w

Para se referir ao pai de um frame (ou frame pai), você pode usar a seguinte sintaxe:

parent		//Janela pai atual
self.parent	//Janela pai atual
w.parent 		//Janela pai w

Para se referir a qualquer frame contido na janela de topo, você pode usar a seguinte sintaxe:

top		//Janela de topo do frame atual
self.top		//Janela de topo do frame atual
f.top		//Janela de topo do frame f

Uma nova janela de navegador de topo é criada pelo método Window.open(). Quando você chama esse método, você deve armazenar o valor de retorno da chamada open() em uma variável e usar essa variável para se referir à nova janela. A nova janela tem propriedade openerreferencia a janela que a abriu.

Em geral, os métodos do objeto Window são operações realizadas sobre a janela ou frame do navegador. E método alert()、método confirm()e método promptDiferem, pois interagem com o usuário através de diálogos simples.