janela.objeto de história | Explicado

O Modelo de Objeto do Navegador (BOM) é um modelo JavaScript que usa vários objetos para se comunicar com o navegador. Esses objetos ajudam a descobrir as funcionalidades de um navegador da web. Existem muitos objetos significativos que fazem parte do modelo de objeto do navegador (BOM), como objeto de tela, objeto de histórico, objeto de localização, objeto de navegação, etc. No entanto, este post foi projetado para enfatizar o significado de Objeto de história apenas.

Objeto de história

Este objeto 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, além disso, é uma propriedade do objeto da janela.

Sintaxe
Tem a seguinte sintaxe.

janela.história

Ou,

história

O objeto de história consiste em certas propriedades e métodos que definem suas funcionalidades. Estes são explicados em detalhes 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 para buscar o número total de páginas visitadas pelo usuário na sessão de navegação em andamento. Se o usuário não visitou nenhuma página da web, esta propriedade retornará 1, correspondendo à página da web atual.

Sintaxe
A sintaxe da propriedade de comprimento é fornecida abaixo.

história.comprimento

Exemplo
Suponha que você queira buscar o número de páginas da web que você visitou na atual sessão de navegação.

Número total de páginas da web visitadas pelo usuário:

No exemplo acima, a propriedade de comprimento do objeto de história está sendo utilizada para extrair o número total de URLs visitados na sessão atual.

Deixe o comprimento = janela.história.comprimento;
documento.getElementById ("tutorial").inerhtml = comprimento;

Saída

Usando a propriedade Length, o número total de páginas da web visitadas são buscadas.

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 (se existir uma próxima página). O navegador chama esse método por padrão quando o usuário clica no botão avançado no navegador, no entanto, também podemos fazê -lo manualmente.

Sintaxe
Tem a seguinte sintaxe.

história.avançar()

Exemplo
Suponha que você queira visitar a próxima página na lista de histórico usando o método Forward () do objeto de história.

Próximo

No exemplo acima, um botão com um evento de clique está sendo criado. Ao clicar nele, a próxima página no histórico de navegação será carregada.

voltar()
É usado com o objetivo de carregar a página anterior (se houver uma página anterior). O navegador chama esse método por padrão quando o usuário clica no botão Voltar no navegador, no entanto, também podemos executá -lo manualmente.

Sintaxe
Tem a seguinte sintaxe.

história.voltar()

Exemplo
Suponha que você queira carregar a página anterior na lista de histórico de navegação usando o método back () do objeto de história.

Voltar

No exemplo acima, um botão com um evento de clique está sendo criado. Ao clicar nele, a página anterior na lista de histórico será carregada.

ir()
É usado com o objetivo de carregar uma página específica na lista de histórico de Browning usando o número da página.

Sintaxe
Tem a seguinte sintaxe.

Exemplo

Suponha que você queira carregar uma página que seja de 3 páginas, em seguida, use o seguinte código.

Mova 3 páginas de volta

No exemplo acima, um botão com um evento de clique está sendo criado e clicar no botão levará você a 3 páginas de volta.

Pontos para lembrar!

1. Para recarregar a página atual, use o histórico.vá (0).
2. Não há diferença entre a história.forward () e história.vá (1).
3. Não há diferença entre a história.traseiro () e história.vá (-1).

Conclusão

O objeto de história (propriedade do objeto da janela) 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. Consiste em muitas propriedades e métodos, como a propriedade de comprimento, é usada para buscar o número de páginas da web visitadas pelo método do usuário, forward () é usado para carregar a próxima página, o método back () é usado para carregar a página anterior e ir () O método é usado para carregar uma página específica usando o número da página. Essas propriedades e métodos são destacados neste artigo, juntamente com exemplos adequados.