JavaScript: Redirecionamento

Escrito por g.s. jackson | Traduzido por yaakov ben levy
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
JavaScript: Redirecionamento
O JavaScript permite com que programadores direcionem usuários de uma página para outra (Stockbyte/Stockbyte/Getty Images)

O JavaScript é uma linguagem bem funcional para a Web e requer um navegador de Web para poder funcionar. Por causa desse motivo, o JavaScript contém muitas funções importantes que podem manipular o comportamento de um navegador da web. Usando o objeto "Window" no JavaScript, um programador poderá direcionar o navegador do usuário para certas páginas da web. Isso pode ser útil quando um site muda o seu domínio e deseja que todos os que possuíam o antigo URL, ao entrar no antigo domínio, sejam redirecionados ao novo.

Outras pessoas estão lendo

JavaScript objeto Window

O objeto "Window", no JavaScript, é uma referência para a janela do navegador do usuário. Através desse objeto, o programador poderá alterar os atributos da janela do navegador, como seu nome, tamanho e localização. Através do objeto window, o programador poderá alterar a URL do navegador, como mostra o exemplo:

<script type="text/javascript"> <-- window.location = "http://www.google.com"; //--> </script>

Tempo de espera

Frequentemente, páginas da web que redirecionam possuem um intervalo de poucos segundos a fim de avisar ao usuário que está sendo redirecionado, deixando também um link caso o redirecionamento falhe. O programador poderá causar esse tempo de espera incluindo a função "setTimeout()". Tal função precisa de dois argumentos: o primeiro é uma outra função, linha ou código, que será executada. O segundo argumento é o tempo de espera, em milissegundos, que o programador deseja antes que a função seja executada.

Uma página de redirecionamento

O programador poderá usar o tempo de espera do redirecionamento pra poder mostrar uma página alertando o usuário a mudar seus favoritos. O código que mostra essa mensagem virá antes do redirecionamento com tempo de espera. O método "delay()" redireciona o usuário para outra página.

<body onLoad = "setTimeout('delay()', 5000); <p>Esse texto aparecerá antes da página ser redirecionada... Mude seus favoritos!</p> </body>

Exemplo

O exemplo a seguir demonstra como integrar isso em uma página. A página irá carregar a função "delay()", a qual está definida no topo do documento. Depois de cinco segundos, a página será redirecionada. Antes da página ser redirecionada, um mensagem aparecerá, pedindo que o usuário mude seus favoritos:

<html> <head> <script type="text/javascript"> <!-- function delay(){ window.location = "/redirect.html"; } //--> </script> </head> <body onLoad="setTimeout('delay()', 5000)"> <h2><p> por favor, modifique seus favoritos com a nossa nova URL!</p>h2>

</body> </html>

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível