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í!