Modelo de objeto do navegador | Explicado

O modelo de objeto do navegador, também conhecido. Bom pode ser pensado como um recipiente de objetos que descobrem as funcionalidades de um navegador da web.

Quando um navegador acessa um documento, ele gera um objeto referido como objeto de documento que contém todas as informações relevantes sobre o documento e como ele deve aparecer no navegador. Além do objeto Document, um navegador utiliza uma enorme quantidade de objetos e essa enorme coleção de objetos é chamada de Modelo de Objetos do Navegador (BOM).

Este modelo não segue nenhum conjunto específico de padrões, mas é implementado por quase todos os navegadores. Objetos significativos que fazem parte do modelo de objeto do navegador (BOM) são;

1. Documento
2. História
3. Tela
4. Navegador
5. Localização
6. Quadros

Os objetos do navegador são classificados em uma certa ordem que o BOM utiliza para descobrir funcionalidades de um navegador da web. Objeto de janela que denota a janela do navegador é o objeto guarda -chuva de Bom, e o restante dos objetos se enquadra no objeto da janela. Aqui o objeto da janela foi explicado em detalhes.

Objeto de janela

Um objeto de janela indica a janela do navegador e consiste em todos os outros objetos do navegador. Todos os navegadores suportam o objeto da janela. O objeto da janela especifica algumas propriedades e métodos que lidam com as funcionalidades do navegador da web.

O objeto da janela é um objeto global que consiste em objetos globais de JavaScript, variáveis ​​(propriedades do objeto da janela) e funções (métodos do objeto da janela). Alguns dos métodos de objeto de janela são.

alerta()

É usado para exibir uma caixa de alerta com um botão OK na tela da janela.

janela.alerta()

confirme()

É usado para exibir uma caixa de confirmação com um botão OK e Cancelar na tela da janela.

janela.confirme()

incitar()

É usado para exibir uma caixa de diálogo que visa obter informações do usuário.

janela.incitar()

abrir()

É usado para abrir uma nova janela.

janela.abrir()

fechar()

É usado para fechar uma janela.

janela.fechar()

setTimeout ()

É usado para executar certas ações após um horário específico.

janela.setTimeout ()

Agora que temos um bom entendimento do objeto da janela, vamos aprender sobre outros objetos importantes do BOM.

Objeto de documento

Objeto de documento que é uma parte central do modelo de objeto do navegador (BOM) inclui todos os elementos de uma página da web, como tags html. Este objeto é usado para denotar uma página da web que foi aberta no navegador, além disso, é uma propriedade do objeto da janela.

Sintaxe

A sintaxe do objeto de documento é dada abaixo.

janela.documento

Ou,

documento

Exemplo

Saída

Objeto de história

O objeto de história denota o histórico de navegação na web de um usuário na forma de matrizes que consistem nos URLs que o usuário visitou. Este objeto é usado para carregar páginas da web.

Sintaxe

A sintaxe do objeto de história é a seguinte.

janela.história

Ou,

história

Como o objeto de janela, o objeto de história também contém certas propriedades e métodos discutidos abaixo.

Propriedades

O objeto de histórico JavaScript consiste apenas em uma propriedade que é a seguinte.

comprimento

A propriedade de comprimento do objeto de história é usada com o objetivo de devolver o comprimento dos URLs visitados.

história.comprimento

Métodos

O objeto de histórico JavaScript consiste nos seguintes métodos.

avançar()

É usado com o objetivo de carregar a próxima página. Tem a seguinte sintaxe.

história.avançar()

voltar()

É usado com o objetivo de carregar a página anterior. Tem a seguinte sintaxe.

história.voltar()

ir()

É usado com o objetivo de carregar uma página usando o número da página. Tem a seguinte sintaxe.

história.ir()

Objeto de tela

O objeto de tela contém todas as informações relevantes sobre a tela do navegador, como altura, largura, colordura, disponível, etc.

Sintaxe

A sintaxe do objeto de tela é dada abaixo.

janela.tela

Ou,

tela

O objeto de tela consiste em algumas propriedades que são explicadas abaixo.

Propriedades

As propriedades do objeto de tela são as seguintes.

largura

É usado para buscar a largura da tela.

tela.largura

altura

É usado com o objetivo de buscar a altura da tela.

tela.altura

Disponível

É usado com o objetivo de buscar a largura atual.

tela.Disponível

disponível

É usado com o objetivo de retornar a altura atual.

tela.disponível

profundidade de cor

É usado com o objetivo de exibir a profundidade da cor.

tela.profundidade de cor

pixeldepth

É usado com o objetivo de exibir a profundidade do pixel.

tela.pixeldepth

Objeto de localização

O objeto de localização consiste nas informações relevantes sobre o URL disponível e como documentos, histórico e objetos de tela, também é uma propriedade do objeto da janela.

Sintaxe

A sintaxe do objeto de localização é fornecida aqui.

janela.localização

Ou,

localização

Propriedades

As propriedades do objeto de localização são destaques abaixo

cerquilha

É usado com o objetivo de devolver ou definir a âncora do URL.

localização.cerquilha

hospedar

É usado com o objetivo de buscar o nome do host, bem como o número da porta do URL.

localização.hospedar

nome de anfitrião

É usado com o objetivo de buscar o nome do host do URL.

localização.nome de anfitrião

Href

É usado com o objetivo de devolver ou definir o URL completo.

localização.Href

origem

É usado com o objetivo de buscar o nome do host e o número da porta, e também o protocolo do URL.

localização.origem

Nome do caminho

É usado com o objetivo de devolver ou definir o nome do caminho do URL.

localização.Nome do caminho

porta

É usado com o objetivo de devolver ou definir o número da porta do URL.

localização.porta

protocolo

É usado com o objetivo de devolver ou definir o protocolo do URL.

localização.protocolo

procurar

É usado com o objetivo de devolver ou definir a tentativa do URL.

localização.procurar

Métodos

O objeto de localização tem o seguinte conjunto de métodos.

atribuir()

É usado com o objetivo de carregar um novo documento.

localização.atribuir()

recarregar()

É usado com o objetivo de recarregar o documento em questão.

localização.recarregar()

substituir()

É usado com o objetivo de substituir o presente documento por um novo documento.

localização.substituir()

Conclusão

O modelo de objeto do navegador, também conhecido. BOM não segue nenhum conjunto específico de padrões, mas é implementado por quase todos os navegadores. Objetos BOM significativos, juntamente com as propriedades e métodos que esses objetos compreendem, são explicados em profundidade neste artigo.