Redirecionamento Javascript

| | | | | | | | | | | | | |

Existem várias maneiras de redirecionar uma página da web: lado do cliente usando metatag em HTML e lado do servidor usando métodos de redirecionamento HTTP para citar alguns. Neste artigo, veremos como redirecionar uma página da Web usando JavaScript.

Há duas maneiras possíveis de usar código JavaScript para redirecionamento de página. Ambos envolvem o objeto window location.

href

O primeiro método envolve a propriedade href no objeto location (que, por sua vez, faz parte do objeto window). A única coisa que você precisa fazer é lidar com o redirecionamento atribuindo a URL para a qual você deseja que o redirecionamento vá como location.href. Você faz isso em uma função JavaScript que será executada quando a página for carregada:

Adicionei uma tag script na parte inferior do documento, logo antes da tag body. É aqui que nosso JavaScript vai. Uma função, chamada handleRedirect, tem um parâmetro chamado url. Atribuímos location.href ao valor desse URL.

Na parte superior do corpo do documento, temos um evento onload. Este evento onload executa a função JavaScript que atribuímos a ele. Aqui passamos o URL para o qual gostaríamos que fosse. O redirecionamento acontece imediatamente e vai para a parte HTML das postagens do blog Python.Engineering.

Se você quiser adicionar uma pausa antes que a página seja redirecionada, você pode fazer isso usando a função setTimeout. Veja como fazer isso:;

Todo o resto permanece igual.

Este método adiciona a página de origem ao histórico da pilha. É acessível através do botão Voltar do navegador. Outro método para substituir o URL, se você preferir fazer isso - veremos isso mais tarde!

replace

Ao contrário o método que criamos acima que atribui um novo URL a uma propriedade no objeto location, location.replace() é um método que atribui e substitui o URL original pelo que você tiver específico.

Este método não coloca o URL original na pilha do navegador, ele substitui o destino pelo URL redirecionado. Veja como:

Como você pode ver, não precisamos da tag de script para esta linha. Quando o documento é carregado, ele executa o método location.replace, que nos direciona para o site entre parênteses.

Aqui! Agora você pode redirecionar para uma nova página da web usando JavaScript.