El link lo pondría como:
Código: Seleccionar todo
<a href="#" onclick="alert('¡Bienvenido a MundoBIP!');location.href='http://www.mundobip.com'">Enlace a MundoBIP</a>
En realidad el href, en los links se utiliza para redirigir a un sitio o hacer una acción cuando se clickea, pero si desde el navegador, pones el ratón encima de un link con href, verás que aparece el href escrito en la barra inferior del navegador... lo cual da información de a donde va la página, si no quieres mostrar esta información, el href="#" es la solución y lo que tenga que hacer, se lo pones en el evento onClick.
Porque ocultarías esa información.. en la programación dinámica, puedes poner acciones que se llamen desde una URL... y siempre va bien que los usuarios no sepan las URL que hacen ciertas acciones a simple vista, y además estéticamente queda mejor.
Ahora a por lo divertido... jQuery
Código: Seleccionar todo
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function() { alert("¡Hola MundoBIP!"); });
});
</script>
Vamos por partes...
Código: Seleccionar todo
$(document).ready(
....
)
Código: Seleccionar todo
$("a").click(function() { alert("¡Hola MundoBIP!"); });
Las dos cosas juntas, es que cuando toda la web está cargada, coge los links (todos) y le añades el onClick="alert(...)"
Si esto lo ponemos en el ejemplo inicial:
Código: Seleccionar todo
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="es">
<html>
<head>
<title>Título del ejemplo</title>
<meta name="description" content="Instalar jQuery">
<meta name="keywords" content="jquery, javascript">
<meta name="language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset = iso-8859-1" >
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a").click(function() { alert("¡Hola MundoBIP!"); });
});
</script>
</head>
<body>
<a href="#">Enlace a MundoBIP</a>
</body>
</html>