Código javascript para mostrar un diálogo de confirmación antes de ir a la url de un enlace (href).


La forma más sencilla de hacerlo es utilizando el atributo onclick de los enlaces.

<a href="http://google.es" onclick="return confirm("Abrir el enlace?")">Google</a>

Una segunda forma sería llamando a una función, también a través del atributo onclick.

<a href="http://google.es" onclick="return confirmar()">Google</a>
<script>
function confirmar() {
        if (!confirm("Abrir enlace?")) return false;
}
</script>

Otra posibilidad, utilizando jQuery.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href="http://google.es" class="confirmar2">Google</a>
<script>
    $(".confirmar2").on("click", function () {
        return confirm("Abrir enlace?");
    });
</script>

¿Preparado para empezar tu proyecto?

¡Comencemos!