Redireccionar tu web a otra URL con Javascript

12 de /enero01 de /2014
2m 46s
javascript
0 comentarios
14041

Con este sencillo script podemos ejecutar una función para que una página web se redireccione automaticamentea a otra dirección web, tan solo tenemos que seguir dos pasos y con ocho sencillas lineas de código y una llamada a la función en la etiqueta <body>, tendremos lista la función que se ejecutará cada vez que un usuario entre a la página, redireccionando al usuario a la dirección que queramos.

Abrimos el documento con un editor y justo debajo de <head>, pegamos el siguiente código:

<meta content='3; URL=https://didesweb.com/' HTTP-EQUIV='Refresh'/>
<script language='JavaScript'>
	var pagina="https://didesweb.com/"
	function redireccionar() {
		location.href=pagina
	}
	setTimeout ("redireccionar()", 500);
</script>

Solo tienes que cambiar la url https://didesweb.com/ por la url a la que quieras redireccionar tu web

Importante, llamar a la función

Buscamos la etiqueta <body> y la sustituimos por esta otra:

<body onLoad='redireccionar()'>

Cerramos el documento guardando los cambios y listo


 

Redireccionar con temporizador

Insertar un temporizador en un documento web que va a ser redireccionado a otro sitio puede ayudar a los usuarios a entender que está pasando antes de que vaya a ser redireccionado, mediante este script podemos ejecutar una función para que una web se redireccione a otra dirección pasando unos determinados segundos.

Creamos un documento Html 5, dentro del body pegamos el siguiente script.

var contador = 10; 
var redirecciona = "https://www.didesweb.com/";
function temporizador(){
	var mensaje = document.getElementById("mensaje");
	if(contador > 0){
		contador--;
		mensaje.innerHTML = contador + " segundos.";
		setTimeout("temporizador()", 1000);
	}else{
		window.location.href = redirecciona;
	}
}

La variable “contador” establece el número de segundos que van a pasar antes de redireccionar al sitio web.

La variable “redirecciona” indica la url a la que se va a redireccionar el sitio web.

Ahora creamos los elementos para mostrar el mensaje, anteriormente hemos creado una variable “mensaje” igual a document.getElementById(“mensaje”), por lo tanto lo más importante es crear un elemento con id=”mensaje”, en este elemento se va a mostrar el mensaje y los segundos restantes que faltan para redireccionar.

<span id="mensaje">
	<script type="text/javascript">temporizador();</script>
</span>

En el mensaje se va a mostrar “x segundos”, ahora creamos el resto del contenido, un texto antes de mostrar la función temporizador() y una imagen animada que simule el progreso de una tarea.

Valoraciones

Sé el primero en valorar

* Tu valoración puede tardar hasta 72 horas en publicarse.

He leido y acepto el Aviso legal y condiciones de uso

Quizás te interese ...

Utilizamos cookies para mejorar tu experiencia

Utilizamos cookies propias y de terceros para personalizar el contenido, analizar nuestros servicios, ofrecer funciones de redes sociales, analizar el tráfico y mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación.

Permitir todas las cookies Configurar Política de cookies