O Browser Object Model (BOM) permite que o JavaScript "fale com" o navegador.
Não existem padrões oficiais para o objeto Browser Modelo Modelo (BOM).
Como os navegadores modernos implementaram (quase) os mesmos métodos e propriedades para interatividade JavaScript, é frequentemente referido como métodos e propriedades da lista técnica.
O objeto window é suportado por todos os navegadores. Representa janela do navegador.
Todos os objetos, funções e variáveis JavaScript globais tornam-se automaticamente membros do objeto janela.
Variáveis globais são propriedades do objeto janela.
Funções globais são métodos do objeto janela.
Até o objeto document (do HTML DOM) é uma propriedade da janela objeto:
window.document.getElementById("header");é o mesmo que:
document.getElementById("header");Duas propriedades podem ser usadas para determinar o tamanho do navegador janela.
Ambas as propriedades retornam os tamanhos em píxeis:
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.
let w = window.innerWidth;
let h = window.innerHeight;Experimente você mesmo →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Window</h2>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Browser inner window width: " + window.innerWidth + "px<br>" +
"Browser inner window height: " + window.innerHeight + "px";
</script>
</body>
</html>
Alguns outros métodos:
window.open() - abra uma nova janela
window.close() - fecha a janela atual
window.moveTo() - move a janela atual
window.resizeTo() - redimensiona a janela atual