ES6 - Redirecionamento de página

Redirecté uma forma de enviar usuários e mecanismos de pesquisa a uma URL diferente daquela que eles solicitaram originalmente. O redirecionamento de página é uma forma de redirecionar automaticamente uma página da web para outra página da web. A página redirecionada geralmente está no mesmo site, ou pode estar em um site diferente ou em um servidor da web.

Redirecionamento de página JavaScript

window.location and window.location.href

Em JavaScript, você pode usar vários métodos para redirecionar uma página da web para outra. Quase todos os métodos estão relacionados awindow.locationobjeto, que é uma propriedade do objeto Window. Ele pode ser usado para obter o endereço URL atual (endereço da web) e para redirecionar o navegador para uma nova página. Ambos os usos são iguais em termos de comportamento.window.locationretorna um objeto. E se.href não está definido, window.location padrão para alterar o parâmetro .href.

Exemplo

<!DOCTYPE html> 
<html> 
   <head> 
      <script> 
         function newLocation() { 
            window.location = "http://www.xyz.com"; 
         } 
      </script> 
   </head> 

   <body> 
      <input type = "button" value = "Go to new location" onclick = "newLocation()"> 
   </body> 
</html>

location.replace()

O outro método usado com mais frequência é o replace()método do objeto window.location, ele substituirá o documento atual por um novo. No método replace (), você pode passar uma nova URL para o método replace () e ele executará um redirecionamento HTTP.

A seguir está a sintaxe para o mesmo.

window.location.replace("http://www.abc.com

location.assign()

O método location.assign () carrega um novo documento na janela do navegador.

A seguir está a sintaxe para o mesmo.

window.location.assign("http://www.abc.org");

assign() vs. replace()

A diferença entre os métodos assign () e replace () é que o método location.replace () exclui o URL atual do histórico do documento, portanto, não é possível navegar de volta ao documento original. Você não pode usar o botão "Voltar" do navegador neste caso. Se quiser evitar esta situação, deve-se usar o método location.assign (), pois carrega um novo Documento no navegador.

location.reload()

O método location.reload () recarrega o documento atual na janela do navegador.

A seguir está a sintaxe para o mesmo.

window.location.reload("http://www.yahoo.com");

window.navigate()

O método window.navigate () é semelhante à atribuição de um novo valor à propriedade window.location.href. Como ele está disponível apenas no MS Internet Explorer, você deve evitar usá-lo no desenvolvimento para vários navegadores.

A seguir está a sintaxe para o mesmo.

window.navigate("http://www.abc.com");

Redirecionamento e otimização do mecanismo de pesquisa

Se você deseja notificar os mecanismos de pesquisa (SEO) sobre o encaminhamento de URL, deve adicionar a metatag rel = "canonical" à parte do cabeçalho do site porque os mecanismos de pesquisa não analisam JavaScript para verificar o redirecionamento.

A seguir está a sintaxe para o mesmo.

<link rel = "canonical" href = "http://abc.com/" />