Você pode fazer com uma tag de link mesmo (<a></a>
) e a função confirm
do JavaScript. Exemplo:
<a href="https://www.google.com/" target="_blank" onclick="return confirm('Deseja realmente sair?');">Sair do site</a>
Detalhando:
É adicionado o evento onclick
na tag a
que retorna o resultado da função confirm
.
A função confirm
é nativa do JavaScript, e abre uma janela exibindo o texto passado como parâmetro, um botão de 'OK' e um de 'Cancelar'. Caso o usuário clique em 'OK', a função retorna true
. Caso o usuário clique em 'Cancelar', a função retorna false
.
Ao retornar false
para o evento onclick
, ele interrompe a execução da ação padrão do elemento, que no caso da tag a
é a chamada para o link indicado no atributo href
.
Obs: Semanticamente, o mais indicado para esta ação seria a utilização da tag <a></a>
, pois por definição, indica o link da página atual com outra página. Você pode ler mais sobre a definição e uso da tag a
em: https://www.w3schools.com/tags/tag_a.asp
confirm
doJavascript
? w3schools.com/jsref/met_win_confirm.asp