Como redirecionar para outra página da web com JavaScript

O redirecionamento de página é uma técnica na qual um usuário tenta abrir um URL específico, mas, em vez disso, esse usuário é redirecionado para outro URL. Isso pode ocorrer devido a vários motivos, alguns dos quais estão listados abaixo:

• Seu conteúdo é movido para um novo domínio. Então, todos os seus visitantes serão redirecionados para esse novo domínio quando estão acessando o domínio mais antigo.
• Seu domínio varia de acordo com a linguagem, localização etc. Portanto, o usuário é redirecionado para a página apropriada com base nesses fatores.
• Embora você tenha movido seu conteúdo para um domínio diferente, os mecanismos de pesquisa ainda manterão esse conteúdo e URL dentro do índice deles. Portanto, caso os mecanismos de pesquisa saibam que o conteúdo antigo foi transferido para um novo local e que um novo local deve ocupar o ponto principal no índice, você usa o redirecionamento da página do lado do cliente.

Redirecionamento de página com JavaScript

Em JavaScript Podemos redirecionar para outra página através do objeto de localização, que faz parte do objeto da janela e é acessado pela janela.propriedade de localização. Isso contém as informações de URL. Existem várias maneiras de redirecionar para outra página da web usando JavaScript. Os mais usados ​​são localização.Href, localização.atribuir e localização.substituir.

Observação: O console do navegador é usado para a demonstração de exemplos neste artigo.

Usando janela.localização.href para redirecionar em javascript

Usando localização.Href Propriedade, você atribui o novo URL como uma string. Isso é útil quando você deseja que um evento ocorra se o usuário clicar em um botão ou um link que os redirecionará para uma nova página:

Vá para o Google

Observação: Você pode ir ao Google clicando no botão.

Usando janela.localização.Atribuir método para redirecionar em JavaScript

Este método é semelhante a janela.localização.Href, onde você atribui o URL. Com isso, o usuário também pode acompanhar a página anterior e criará uma entrada no histórico:

Vá para o Google

Observação: Você pode ir ao Google clicando no botão.

Usando janela.localização.Substitua o método para redirecionar em JavaScript

O Localização.substituir() O método é usado quando você deseja redirecionar para uma nova página sem retornar ao domínio mais antigo. A página atual não será salva na história e será substituída pelo novo URL:

Vá para o Google

Observação: Você pode ir ao Google clicando no botão.

Outra maneira de usá -lo é através setTimeout () Isso redireciona para uma nova página após um determinado horário atribuído a ela.

Observação:Você pode ir ao Google após 2 segundos.

Conclusão

Você deve ter encontrado uma situação em que clicou no URL de uma determinada página, mas foi redirecionado para outra página; Esta técnica é chamada de redirecionamento de página e é comumente usada pelos desenvolvedores por vários motivos.

Nesta postagem, analisamos diferentes métodos de redirecionamento para outra página da web com JavaScript; O post também descreveu as diferenças entre os três métodos de redirecionamento em JavaScript, localização.Href, localização.atribuir e localização.substituir.

Usando localização.Href e localização.atribuir, O usuário pode facilmente voltar para a página anterior, pois cria uma entrada na história. O localização.substituir Redireciona para uma nova página da web, mas não cria uma entrada na história, e é por isso que o usuário não pode rastrear de volta à página anterior.