Botões de navegação com Javascript

Olá galera, tudo beleza?

Alguem já deve ter visto aqueles links no final das páginas que permitem a volta de um site, sim?

Hoje vamos aprender como criar aqueles links que permitem voltar, adiantar ou atualizar a página em seu site, utilizando comandos em JavaScript. São eles:

<a href="javascript:history.go(-1)">Voltar</a>

- voltar
ou

<a href="javascript:history.back()">Voltar</a>

- voltar

<a href="javascript:history.go(1)">Avançar</a>

- avançar
ou

<a href="javascript:history.forward()">Avançar</a>

- avançar

<a href="javascript:history.go(0)">Atualizar</a>

- atualizar a página

Ou se desejarem, podem utilizá-los como botões de formulário:

<form>

<input type="button" value="Voltar" onClick="history.go(-1)">
ou
<input type="button" value="Voltar" onClick="history.back()">
<input type="button" value="Avançar" onClick="history.go(1)">
ou
<input type="button" value="Avançar" onCLick="history.forward()">
<input type="button" value="Atualizar" onClick="history.go(0)">
</form>

Simples não acham?

Por hoje é só.

Até mais.

Enviar um Artigo

Enviado por: Emmanuel

Outros artigos

Assine o Feed desta categoria

Declarações de laço em Javascript - 15/04/2005
Condicional IF no JavaScript + Mensagens - 14/04/2005
Solicite a seu usuário digitar seu nome ao entrar no site - 19/12/2004
Rotacionando Banners em Flash - 18/04/2004
Ver mais...

Comentários do artigo [Novo comentário]

daniel mota - 29 de Março de 2009 - 09:37

é chooou

Jairo Leandro Modry - 17 de Maio de 2009 - 02:26

Muito bom. Porem não tem nada de especial, da para fazer isso com um simples link direcionando a pagina index ou a uma outra que quizer com html mesmo.

Pablo Hanney - 03 de Janeiro de 2010 - 01:13

SE MISSÕES ESTÁ NO CORAÇÃO DE DEUS, E NO SEU ESTÁ, SE ESTÁ DIVULGUE O SITE DA IGREJA DA MISSÃO PRNTECOSTAL ON LINE.COM, QUE É: www.igmissaopentecostalonline.com

Para adicionar um comentário você deve efetuar o login

» Procurando iPhones?
... e que tal iPods?

Gostou do CódigoFonte.net? Quer indicar a um amigo? Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:

Login:
Senha: