Vá para o URL com OnClick em JavaScript

Na programação JavaScript, vem uma situação em que você deseja acessar outros sites por um link fornecido, ou é necessário vincular seu conteúdo ou vídeo com referência a outro site. Essa abordagem pode ser utilizada para uma melhor compreensão do conceito declarado. Além disso, vincular páginas da web diferentes em um site economiza o tempo do usuário e aprimora a legibilidade.

Este blog o guiará sobre ir a Url OnClick em JavaScript.

Vá para URL usando o evento "OnClick" em JavaScript

Para ir ao URL usando o evento OnClick em JavaScript, você pode usar:

• O "janela.abrir()”Método.
• O "janela.localização”Método do objeto.

Agora passaremos por cada um dos métodos mencionados um por um!

Método 1: Vá para URL com OnClick em JavaScript usando janela.Método Open ()

Em JavaScript, o “janela.abrir()”O método é usado para abrir uma nova janela do navegador. Você também pode utilizar esse método para ir a um URL especificado usando o botão “ONCLICKEvento.

Sintaxe

janela.aberto (URL, WiDowname, especificações);

Aqui, "url"Refere -se ao link do site,"WiDowname”É o nome da janela e“especificações”Refere-se à lista de itens separados por vírgula.

Olhe para o exemplo abaixo do gol.

Exemplo
No exemplo abaixo, adicionaremos um botão e especificaremos seu “ONCLICK”Evento de tal maneira que, quando o botão é clicado, o evento OnClick acessará a função“OpenGoogleByByMethod ()”:

Abra o Google

Agora, definiremos uma função “OpenGoogleByByMethod ()”E use o“janela.abrir()”Método e passe o“Url" do "Google”Site nele como um argumento. Isso resultará na abertura do site especificado em uma nova guia:

A saída da implementação acima resultará em:

Método 2: Vá para URL com OnClick em JavaScript usando janela.Método Location ()

O "janela.localização()”O método pode ser usado para buscar a página atual (“Url”) E depois redirecre o navegador para um novo endereço de página. Você também pode utilizar esse método para acessar o URL especificado usando o “localização”Objeto.

Vamos passar pelo exemplo a seguir para uma melhor compreensão:

Exemplo
Em nosso JavaScript, aplicaremos o “janela.localização()”Método, onde o“localização”O objeto conterá as informações sobre o local atual, que é“Google" nesse caso. O "janela.localização.Href”A propriedade retornará o URL da página especificada na janela.localização:

A execução do código acima dado resultará na seguinte saída:

Fornecemos todos os métodos mais simples para ir ao URL aplicando OnClick em JavaScript.

Conclusão

Em JavaScript, para ir ao URL com o OnClick, você pode usar o “janela.abrir()”Método para abrir a janela com o especificado“Url"Ou aplicar o"janela.localização”Método do objeto para especificar a localização do URL especificado e o“janela.localização.Href”Propriedade para devolver o URL da página especificada.

Este artigo explicou os métodos para ir ao URL usando o OnClick em JavaScript.