JavascriptRedireccionar con JavaScript

Redireccionar con JavaScript

-

- Advertisment -

La Redirección usando JavaScript a diferencia de la redirección en PHP, trabaja del lado del cliente, así que se puede manejar según las acciones del usuario ya sea presionando un botón o en algún otro evento. un uso común para este tipo de redirección es mostrar un mensaje en el navegador y luego de x segundos redireccionar.

Por temas SEO si vas a mover el contenido de una URL a otra, ya sea un tema, lo recomendable es hacerlo via PHP o vía el archivo .htaccess ya que de esa manera la redirección se realiza del lado del SERVER y no del cliente como ocurre en JAVASCRIPT

Existen muchas maneras de hacer redirecciones con Javascript y aquí les mostraré algunas

Redireccionar Inmediatamente:

debes poner este código dentro del tag <head>, redireccionará al nuevo destino inmediatamente

<script>window.location = 'https://www.elcodigofuente.com/';</script>

Si deseas puedes agregar un alert que detendrá la dirección hasta que se presione el botón

<script>
  alert('Redirecionando a https://www.elcodigofuente.com/');
  windows.location='https://www.elcodigofuente.com/';
</script>

Redireccionar pasando x segundos:

Este tipo de redirección la uso bastante cuando el usuario a realizado alguna acción que se necesita saber si fué completada o no; por ejemplo si envian comentarios en un formulario de contacto, si todos los datos son correctos se le muestra un mensaje de “Datos Enviados correctamente” y luego de 5 segundos lo redirecciono a la página que estaba viendo o al index del sitio web

<script>
  function redireccionar() {
    windows.location='https://www.elcodigofuente.com/';
  }
  setTimeout('redireccionar()',5000);
</script>

Aqui con la función setTimeout le indico que ejecute la función redireccionar() en 5000 milisegundos (5 segundos), puedes ver el Ejemplo de una redirección con 2 segundos aqui: https://www.elcodigofuente.com/ejemplos/redireccionar.php

DEJA UNA RESPUESTA

Por favor ingrese su comentario!
Por favor ingrese su nombre aquí

Últimas Noticias

WordPress – Crear BBCODE o shortcode personalizados

Los BBCODES o "shortcode" son esas funciones que tiene Wordpress y que se usan con corchetes, que generalmente te...

WordPress – Enviar título de la página o campo oculto, en Contact Form 7

Problema: Tengo un cliente que tiene una web con muchos productos y en todas sus páginas usa el mismo formulario...

Laravel – Modo Debug según IP

En algunos casos se necesita el modo DEBUG según IP, por ejemplo cuando estamos en producción y tenemos un...

Reemplazar URLs cuando cambias de dominio en WordPress (también de http a https)

Cuando haces un cambio de dominio por alguna razón (antes te llamabas www.viejodominio.com y ahora www.nuevodominio.com) si bien ya...
- Advertisement -

Como ejecutar comandos Artisan desde consola Git

Voy a suponer que ya tienen instalado el composer y php de manera global y un proyecto en Laravel....

Ejecutar Composer y/o PHP de manera Global en Windows

Si por alguna razón al instalar Composer este no funciona desde cualquier ruta estando en linea de comandos (ya...

Debe leer

- Advertisement -

También podría gustarteRELACIONADA
Recomendada para usted