Como redirecionar para uma outra página usando JavaScript

Por: Angelo Luis Ferreira | 30/11/-0001 Acessos: 9.495

Neste tutorial vamos mostrar 2 opções para redirecionar um página automaticamente com JavaScript, utilizando o objeto "windows.location". Isto pode ser muito útil em sites dinâmicos desenvolvidos em PHP, ou em outras linguagens de programação.

Opção 1

1. Utilizando o objeto "window.location" com a propriedade "href":

window.location.href = "http://seu_site.com";

Para verificar o código acima, faça o teste no Squids Editor. Clique no botão [Executar] para ver o resultado.

Obs1.: Se desejar, você poderá minimizar o código utilizando apenas windows.location = "http://seu_site.com", sem utilizar href.

Obs1.: De outra forma, você poderá minimizar o código utilizando apenas location.href = "http://seu_site.com", sem utilizar window.

2. Ou utilizando o método "window.location.assign()", que tem a mesma função do window.location.href:

window.location.assign("http://seus_site.com");

Para verificar o código acima, faça o teste no Squids Editor. Clique no botão [Executar] para ver o resultado.

Obs.: Se desejar, você poderá minimizar o código utilizando apenas location.assign("http://seu_site.com"), sem utilizar o windows.

Opção 2

1. Utilizando o método window.location.replace() .

Obs.: A diferença entre este método e os métodos da opção 1 é que replace () remove a URL do documento atual do histórico do documento, o que significa que não é possível usar o botão "voltar" para navegar de volta ao documento original.

window.location.replace("http://seu_site.com");

Para verificar o código acima, faça o teste no Squids Editor. Clique no botão [Executar] para ver o resultado.

Obs1.: Se desejar, você poderá minimizar o código utilizando apenas location.replace("http://seu_site.com"), sem utilizar o windows.

Obs2.: Observe que utilizando o método replace, o botão "voltar" do navegador ficará desativado.

 REFERÊNCIA JAVASCRIPT

1. [location.href] >> Sintaxe e exemplos

2. [location.assing()] >> Sintaxe e exemplos

3. [location.replace()] >> Sintaxe e exemplos