redirección con javascript
Hacer una redireccion con javascript es realmente sencillo, y sobre todo, nos permite una amplia gama de funcionalidades para poder adaptar la redirección a las necesidades de nuestro proyecto web.
Redireccionar con javascript es tan simple como esto:
<script>
location.href="http://www.damianaguilar.com";
</script>
El problema, radica en que necesitamos un evento que ejecute el código javascript, y por tanto, que se produzca la redirección, y esto lo podemos hacer de varias formas:
La más simple, es crear una función:
<script>
function redireccion(url){
location.href= url;
}
</script>
<body onload="redireccion("http://www.damianaguilar.com");">
Y en este caso, al cargarse el <body> se redireciona.
Podemos complicar el código, añadiendo un temporizador e indicando cuanto tiempo después de cargar la página, queremos que se redireccione, por ejemplo, supongamos que a los 5 segundos:
<script>
var url = "http://www.damianaguilar.com";
function redireccion(){
location.href= url;
}
</script>
<body onload="setTimeout(redireccion, 5);">
En este caso, a los 5 segundos se produciría la redirección. Aunque también podemos generar redirecciones al producirse un evento, com puede ser hacer click o seleccionar el campo de una etiqueta <select> de un formulario:
<a href="#" onclick="redireccion(); return false;">Click</a>
O al cambiar la selección de un <select>
<select onchange="redireccion(); return false;">
<option value"http://wwww.1.com">http://wwww.1.com</option>
<option value"http://wwww.2.com">http://wwww.2.com</option>
</select>
Como se puede ver, fácil y versátil.