Redirecionamento em JavaScript

Aprenda a fazer um redirecionamento de páginas, baseado em um critério pré-definido (idade). Aprenda a usar document.location, window.location, setTimeout. Aprenda a redirecionar a página depois de 5 segundos.

Hoje mostrarei como fazer um redirecionamento de páginas com JavaScript, é bem simples. 

Veja a sintaxe: 

<script language= "JavaScript">
location.href="pagina.htm";
</script>

Confira nosso curso: Curso de HTML 5 completo

É tão útil quanto simples. Você pode fazer vários incrementos, colocar dentro de ifs, redirecionar por idade, etc. 

Veja como ficaria um sistema de redirecionamento baseado na idade: 

<script language= "JavaScript">
var idade = 15; 
if (idade >= 18)
{
location.href="adulto.htm";
}
else
{
location.href="crianca.htm";
}
</script>

Outras forma de redirecionar uma página via Javascript

Redirecionando depois de 5 segundos:

Existe a possibilidade de redirecionar uma página depois de 5 segundos, usando a função setTimeout(), conforme o código abaixo:

<script language= "JavaScript">
setTimeout("document.location = 'http://www.oficinadanet.com.br'",5000);
</script>

Window.location:

 <script language= "JavaScript">
window.location = 'http://www.oficinadanet.com.br';
</script> 

Aqui me disponibilizo a tentar resolver quaisquer dúvidas a respeito desta coluna e/ou script.  

Dúvidas, críticas ou sugestões? Envie-me um e-mail.

Recomendamos para você
 

Compartilhe com seus amigos:
Mais de JavaScript
  • Localização de endereço através do CEP usando jQuery
    Localização de endereço através do CEP usando jQuery
  • Portfolio image slider com CSS e JQuery
    Portfolio image slider com CSS e JQuery
  • Efeito Toggle com CSS e JQuery
    Efeito Toggle com CSS e JQuery
  • Como criar um tooltip em jQuery e CSS
    Como criar um tooltip em jQuery e CSS
  • Criando abas de navegação com jQuery
    Criando abas de navegação com jQuery
Compartilhe com seus amigos:
últimos reviews
  • 8,4
    Review Samsung Galaxy K Zoom
    Nessas 2 últimas semanas passou por nossas mãos o potente Galaxy K Zoom, veja o que achamos dele.
  • 8,6
    Review Moto X - Segunda geração
    O aparelho da Motorola é a prova “viva” que o que está ótimo pode melhorar ainda mais.
  • 8,1
    Review Zenfone 5
    Tela de 5 polegadas, câmera de foto e vídeo superiores aos concorrentes, boa usabilidade e preço baixo. A Asus acertou n...

TOPO