Janela JavaScript - O Modelo de Objeto do Navegador
O Browser Object Model (BOM) permite que o JavaScript "fale" com o navegador.
O modelo de objeto do navegador (BOM)
Não existem padrões oficiais para o B rowser O bject M odel (BOM).
Como os navegadores modernos implementaram (quase) os mesmos métodos e propriedades para interatividade do JavaScript, ele é frequentemente chamado de métodos e propriedades do BOM.
O objeto da janela
O window
objeto é suportado por todos os navegadores. Representa a janela do navegador.
Todos os objetos, funções e variáveis globais do JavaScript tornam-se automaticamente membros do objeto window.
Variáveis globais são propriedades do objeto de janela.
As funções globais são métodos do objeto window.
Mesmo o objeto de documento (do HTML DOM) é uma propriedade do objeto de janela:
window.document.getElementById("header");
é o mesmo que:
document.getElementById("header");
Tamanho da janela
Duas propriedades podem ser usadas para determinar o tamanho da janela do navegador.
Ambas as propriedades retornam 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)
A janela do navegador (a janela de visualização do navegador) NÃO inclui barras de ferramentas e barras de rolagem.
Exemplo
let w = window.innerWidth;
let h = window.innerHeight;
Outros métodos de janela
Alguns outros métodos:
window.open()
- abrir uma nova janelawindow.close()
- fechar a janela atualwindow.moveTo()
- mover a janela atualwindow.resizeTo()
- redimensionar a janela atual