JavaScript Janela - O modelo de objeto de navegador

O modelo de objeto de navegador (BOM) permite que o JavaScript para "falar" do navegador.

O modelo de objeto de navegador (BOM)

Não existem normas oficiais para o modelo de objeto de navegador (BOM).

Desde navegadores modernos têm implementado (quase) os mesmos métodos e propriedades para JavaScript interatividade, que é muitas vezes referida, como os métodos e as propriedades da lista de materiais.

A Window Objeto

A window objeto é suportado por todos os browsers. Ela representa a janela de navegador.

Todos os objetos globais JavaScript, funções e variáveis ​​tornam-se automaticamente membros do objeto janela.

As variáveis ​​globais são propriedades do objeto janela.

funções globais são métodos do objeto janela.

Até mesmo o objeto de documento (do DOM HTML) é uma propriedade do objeto de janela:

é o mesmo que:

Tamanho da janela

Duas propriedades podem ser usadas para determinar o tamanho da janela de navegador.

Ambas as propriedades devolver os tamanhos em pixels:

• window.innerHeight - a altura interna da janela do navegador (em pixels)
• window.innerWidth - a largura interna da janela do navegador (em pixels)

Para o Internet Explorer 8, 7, 6, 5:

• document.documentElement.clientHeight
• document.documentElement.clientWidth
• or
• document.body.clientHeight
• document.body.clientWidth

Uma solução JavaScript prática (que abrange todos os navegadores):

O exemplo mostra a altura da janela do navegador e width: (não incluindo barras de ferramentas / barras de rolagem)

Outros Window Métodos

Alguns outros métodos:

• window.open() - abre uma nova janela
• window.close() - fechar a janela atual
• window.moveTo() -Mova a janela atual
• window.resizeTo() -resize a janela atual