Aulas
Disciplinas

Cursos / Informática para Internet / Desenvolvimento Web I / Aula

arrow_back Aula 11 - JavaScript: Acessando Objetos - Parte 2

History

O objeto history armazena as URLs visitadas pelo usuário desde quando o navegador foi aberto e, dessa forma, permite navegar (ir e voltar) pelas páginas do histórico. Na verdade o objeto history tem uma lista de URLs visitadas por cada Aba (Tab) do navegador, ou seja, cada Aba tem sua lista de visitas e portanto tem um funcionamento distinto dos botões Voltar e Avançar, que funciona somente no histórico de navegação daquela Aba. Páginas visitadas antes de uma nova Aba ser aberta não são utilizadas pelo objeto history. Esse objeto possui basicamente três métodos, são eles:

  • back() – Volta para a página anterior do histórico.
  • forward() – Vai para a página seguinte do histórico.
  • go() – Vai para uma página qualquer do histórico. Recebe como parâmetro o número do item do histórico, sendo go(-1) igual a back() e go(1) igual a forward().

Abaixo, segue um exemplo usando os três métodos:

AخA
1
<html>
2
    <head>
3
        <script type="text/javascript">
4
            function goBack2(){
5
              window.history.go(-2)
6
            }
7
            function goBack(){
8
              window.history.back()
9
            }
10
            function goForward(){
11
              window.history.forward()
12
            }
13
        </script>
14
    </head>
15
    <body>
16
        <input type="button" value="Voltar 2 página" onclick="goBack2()" />
17
        <input type="button" value="Voltar 1 página" onclick="goBack()" />
18
        <input type="button" value="Prosseguir 1 página" onclick="goForward()" />
19
    </body>
20
</html>

Chegamos ao fim da nossa aula! Concluímos nossos estudos sobre JavaScript, bem como Servlets e JSP. Que tal agruparmos todo esse conhecimento adquirido em um projeto bacana? Até a próxima aula!

[A] Anterior
13/17
Próxima [D]

Sumário

Versão 5.3 - Todos os Direitos reservados