William Brendaw

Como abrir um link com um <button> HTML

12 de Abril de 2024 · 1 minuto

Tive essa dúvida para criar um botão (<button>) clicável numa nova seção na página principal do site da minha esposa. Encontrei duas formas de fazer: abrindo na mesma aba ou criando uma aba nova.

Abrindo na mesma aba

<button onclick="location.href='https://williambrendaw.com'">Acesse meu site</button>

O pulo do gato está no atributo onclick, onde se adiciona um pequeno código JavaScript chamado location.href que recebe um parâmetro do site que tu quer abrir na aba atual.

Abrindo numa nova aba

<button onclick="window.open('https://williambrendaw.com','_blank')">Acesse meu site</button>

O truque segue sendo no atributo onclick, onde se adiciona outro pequeno código JavaScript chamado window.open que recebe dois parâmetros: o primeiro com o site que tu quer abrir; e o segundo para sinalizar que o site será aberto numa nova aba.

Espero que tenha gostado. Nos vemos por aí!