Como fazer o navegador navegar para o URL em JavaScript?

Ao criar um site responsivo, pode haver alguns casos em que o desenvolvedor precisa redirecionar o usuário para uma página ou site da Web diferente. Isso resultamente aprimora a clareza no final do usuário. Em tais situações, navegar para um URL diferente em JavaScript ajuda a acessar o conteúdo relevante convenientemente.

Este blog ilustrará as abordagens para fazer o navegador navegar para o URL usando JavaScript.

Como fazer o navegador navegar para o URL usando JavaScript?

Para fazer o navegador navegar para o URL, aplique as seguintes abordagens:

• • ““janela.localização.Href" propriedade.
  • ““substituir()”Método.
  • ““localização.atribuir()”Método.

Método 1: Faça com que o navegador navegue até o URL usando a “janela.localização.Href ”Propriedade em JavaScript

O "janela.localização.Href”Propriedade fornece o URL da página atual. Esta propriedade pode ser usada para navegar diretamente no navegador para o URL especificado.

Exemplo

Vamos ver as linhas de código abaixo:

Linuxhint

No bloco de código acima:

• • Em primeiro lugar, crie um botão junto com um “ONCLICKEvento acessando a função myfunction ().
  • No código JavaScript, defina uma função “MyFunction ()”.
  • Na definição da função, aplique o “janela.localização.HrefPropriedade para navegar para o URL especificado no gatilho do botão.

Saída

Na saída acima, pode -se ver que o URL específico é carregado no botão Clique.

Método 2: Faça o navegador navegar até o URL usando o método "Substituir ()" em JavaScript

O "substituir()”O método substitui o documento atual pelo recém -especificado. Este método pode ser aplicado para alternar da mesma forma para o URL especificado, substituindo o atual.

Sintaxe

localização.Substitua (URL)

Na sintaxe acima, “Url”Refere -se ao URL da página onde você deseja navegar.

Exemplo

Vamos passar pelo exemplo a seguir para entender o conceito claramente:

Linuxhint

No trecho de código acima:

• • Da mesma forma, crie um botão com um associado “ONCLICK”Evento invocando a função declarada.
  • No código JavaScript, também declarar uma função chamada “MyFunction ()”.
  • Em sua definição, aplique o “substituir()”Método para substituir o URL atual pelo URL atualizado especificado e alternar para ele no botão Clique.

Saída

Método 3: Faça o navegador navegar até o URL usando o “Localização.Método Atribuir () ”em JavaScript

O "localização.atribuir()”Método carrega um novo documento inteiro. Este método pode ser implementado para atribuir um novo URL e navegar para ele após a ação do usuário.

Sintaxe

localização.Atribuir (URL)

Na sintaxe acima mencionada, “Url”Corresponde ao URL para alternar.

Exemplo

Vamos seguir o exemplo fornecido abaixo:

Este parágrafo é tudo sobre o site Linuxhint
OnClick = "MyFunction ()"> Leia mais…

>function myfunction ()
janela.localização.Atribuir ("https: // linuxhint.com/")

No código acima:

• • Em primeiro lugar, inclua um parágrafo com o contido “”Elemento contendo texto incompleto e redirecionou para a função especificada.
  • No código JS, da mesma forma, declare uma função “MyFunction ()”.
  • Dentro da função, aplique o “localização.atribuir()”Método para atribuir um novo URL.
  • Este URL atualizado será navegado com o botão Clique.

Saída

Isso se tratava de fazer o navegador navegar para o URL em JavaScript.

Conclusão

Para fazer com que o navegador navegue pelo URL, aplique o “janela.localização.Href”Propriedade, a“substituir()”Método, ou o“localização.atribuir()”Método. Essas abordagens podem ser usadas para redirecionar para o URL especificado, substituído ou recém -designado. Este artigo declarou as abordagens para fazer o navegador navegar para URL usando JavaScript.