JavaScript Redirecion

JavaScript é uma linguagem de programação orientada para a Web. Ao usar a web, muitas vezes você precisará navegar pelas páginas. Quando você clica em qualquer botão, envie um formulário ou faça login em qualquer site, você é redirecionado para uma nova página diferente. O redirecionamento da página é uma parte essencial de qualquer site, mas não é apenas restrita à navegação de página em um site. Pode haver vários motivos para redirecionar a página, por exemplo:

• O nome de domínio antigo é alterado para um novo domínio
• Submissão e autorização de um formulário
• Na base do navegador ou idioma do usuário
• Redirecionar de HTTP para HTTPS

Este artigo explica algumas maneiras diferentes de redirecionar uma página.

Sintaxe

A sintaxe para navegar para uma página usando JavaScript é a seguinte:

janela.localização.href = "url"

Neste método, você simplesmente fornece o URL para o qual deseja redirecionar o usuário.

A sintaxe para outro método de redirecionar um usuário para um novo URL é o seguinte:

janela.localização.substituir ("url") // ou
janela.localização.atribuir ("url")

Nesta sintaxe funcional, você fornece o URL para o qual deseja redirecionar e, sempre que essa função for chamada, você será redirecionado para esse URL específico.

Aqui, "Substituir" e "Atribuir" a mesma tarefa, mas com uma diferença sutil. Ambos redirecionam para um novo URL, mas "Substituir" não pega o registro da história e o usuário não pode voltar ao URL antigo ou à página anterior. Enquanto isso, "Atribuir" mantém o histórico e permite que o usuário volte para a página anterior.

Agora veremos alguns exemplos de ambas as sintaxes.

Exemplos

Primeiro, criaremos uma função no clique em um botão.

Linuxhint

Esta função redirecionará o usuário para o site “https: // www.Linuxhint.com.”

função redirectfunction ()
janela.localização.href = "https: // www.Linuxhint.com "

Agora, se o usuário clicar no botão, ele será redirecionado para Linuxhint.com

Neste próximo exemplo, digamos, você deseja redirecionar o usuário de um domínio antigo para o novo domínio. Para fins de teste, suponha que o endereço atual seja o host local, mas sempre que o usuário inserir o URL do host local, o usuário é redirecionado do host local para o novo URL, que é Linuxhint.com neste exemplo. Isso é mais fácil de fazer do que você imagina. Para fazer isso, basta usar a sintaxe do segundo método de redirecionamento:

janela.localização.Substitua ("https: // www.Linuxhint.com ")

Agora, se o usuário entrar no URL do host local, será redirecionado para Linuxhint.com. Mas, se você olhar para o botão superior esquerdo do navegador para voltar à página anterior:

O botão está embotado e o navegador não está nos permitindo voltar para a página anterior. No entanto, se você deseja manter esta opção para o usuário, pode usar "atribuir" em vez de "substituir.”

janela.localização.Atribuir ("https: // www.Linuxhint.com ")

E agora, se você olhar para o botão superior esquerdo do navegador para voltar à página anterior:

O botão não está embotado. Você pode voltar para a página anterior.

Recomenda -se usar "substituir" em vez de "atribuir" aqui, porque o objetivo de redirecionar para um novo URL é que o URL antigo não está funcionando ou não está mais disponível.

Conclusão

Este artigo explicou alguns métodos de redirecionamento diferentes em JavaScript, juntamente com exemplos da vida real usando esses métodos. Neste artigo, você aprendeu a navegar para uma nova página e como redirecionar do URL antigo para um novo URL. Você pode aprender mais sobre JavaScript no Linuxhint.com.