Como navegar para outra página em JavaScript

Em aplicativos da web, navegar nas páginas é um recurso importante. Pode ser alcançado usando hiperlinks em html, enquanto às vezes os desenvolvedores precisam redirecionar para outra página usando o javascript dinamicamente. Por exemplo, ao enviar formulários, os usuários são redirecionados para a mensagem de sucesso ou erro ou o URL/página direcionado em um botão Clique.

Este tutorial demonstrará os métodos para navegar na página para outra página usando JavaScript.

Como navegar para outra página em JavaScript?

Para navegar ou redirecionar, use as seguintes abordagens JavaScript:

• Atribuir () método
• Método Substituir ()
• atributo href

Método 1: Navegue para outra página usando “Localização.Atribuir () ”método

Use o "atribuir()”Método com o“localização”Objeto de navegar uma página para outra página. Ele redireciona o navegador para o URL fornecido da mesma maneira que um hiperlink.

Sintaxe

A sintaxe a seguir é utilizada para o método Atribuir () para redirecionar a página para outra página:

localização.atribuir ("url")

É preciso um “Url”Path como um argumento em que a página será redirecionada:

Exemplo

Em um arquivo HTML, crie um botão que será redirecionado para o site oficial do Linuxhint no botão Clique:

Clique aqui

Defina uma função “NavigatePage ()”Em um arquivo JavaScript, que acionará o botão Clique. Esta função chama de "atribuir()”Método, passando o URL como um argumento para redirecionar para o Linuxhint oficial.com site:

function NavigatePage ()
localização.Atribuir ("https: // linuxhint.com ");

Como você pode ver, fomos navegados com sucesso para o Linuxhint.com o site no botão Clique:

No canto superior esquerdo, você pode ver isso depois de navegar para o Linuxhint.com o site, o botão de seta traseira está ativado. Isso significa que ele permite que você volte ou navegue para a página anterior.

Método 2: Navegue para outra página usando “Localização.substituir () ”método

Para navegar para outra página, use o JavaScript embutido “localização.substituir()”Método. É usado para substituir o documento/página atual por uma nova página. Este método é semelhante ao local.atribuir (), mas a diferença é que substitui a página e não permite que você navegue de volta.

Sintaxe

Siga a sintaxe fornecida para o método substituir ():

localização.substituir ("url")

Exemplo

Ligue para o método substituir () com o URL especificado na função definida:

function NavigatePage ()
localização.substituir ("https: // linuxhint.com ");

A saída indica que a página foi navegada com sucesso, mas você pode ver que não permite voltar à página anterior, pois o botão de volta está desativado:

Método 3: Navegue para outra página usando “Localização.atributo href ”

Você também pode usar o “Href”Propriedade com a“localização”Objeto para navegar para outra página usando JavaScript. Para navegação, atribua um novo valor a ele. O atributo "href" indica o URL da página atual. Ao dar um novo valor, ele pode ser usado para ir para o outro URL.

Sintaxe

A sintaxe dada é utilizada para o atributo href para navegar na página para outra página:

localização.href = "url"

Exemplo

Atribua o URL ao atributo href na função definida para redirecionar para o Linuxhint.com a página oficial:

function NavigatePage ()
localização.href = "https: // linuxhint.com ";

Saída

É tudo sobre navegar ou redirecionar para outra página em JavaScript.

Conclusão

Para navegar na página para outra página, use o “localização.atribuir()”Método,“localização.substituir()”Método, ou o“localização.Href”Atributo. O método "atribui ()" e o atributo "href" permitem a navegação nas costas, enquanto o método "substituir ()" não permite navegar de volta para a página anterior. Este tutorial demonstrou os métodos para navegar na página para outra página usando JavaScript.