29

Gostaria de saber quais os métodos de redirecionamento existentes em Javascript, e também utilizando jQuery, e se possível, gostaria de saber todos eles.

4 Respostas 4

61

Neste caso o jQuery não é preciso.
A solução passa por javascript simples.
Ficam aqui duas opções:

Opção 1:

window.location.href = "http://pt.stackoverflow.com";
// ou uma variante com o mesmo efeito
window.location.assign("http://pt.stackoverflow.com");

Opção 2:

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

A diferença entre estes dois métodos é que o primeiro faz com que seja possivel clickar para trás na história do browser e ir para a página anterior. O segundo substituí a pagina atual e ao clickar para ir para trás na história, a página inicial não está acessível (foi substituída na história).


Se quiser que o utilizador abra uma janela nova (sem perder a janela de origem), pode usar:

window.open("http://pt.stackoverflow.com");

Este método window.open() permite também passar parâmetros/opções como o tamanho, conteudo, etc.

3
  • 1
    ótima resposta, irei marcar como correta. Commented 30/01/2014 às 21:19
  • 4
    location.replace é otimo (prevenindo o history.back) para áreas com autenticação, prevenindo o usuário de voltar a tela de login sem desconectar. E também é muito útil em aplicativos que usam webViews (exemplo: ios, android). +1 para a sua resposta!
    – Syzoth
    Commented 30/01/2014 às 21:31
  • @GuilhermeNascimento, bom exemplo, concordo plenamente.
    – Sergio
    Commented 30/01/2014 às 21:37
9

Via jQuery (apenas para conhecimento se for o seu desejado)

$(location).attr('href', 'http://www.sitedesejado.com');

Entretanto, conforme já foi mencionado, não é necessário jQuery para realizar redirecionamento.

1
  • Value mencionar que .prop()/.attr() são designados a trabalhar com elementos do DOM somente. Passar outros tipos de objetos é pedir para ter dor de cabeça no futuro. =] Commented 2/02/2014 às 3:11
8

Com javascript mesmo:

window.location.href = "http://seusite.com"
3

Como mencionado acima basta utilizar o comando:

window.location="http://seusite.com";

não necessidade do href, minimizando seu código.

1
  • Uncaught (in promise) TypeError: window.location is not a function Commented 23/10/2020 às 2:51

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .