Redireccionamiento Javascript

| | | | | | | | | | | | | |

Hay varias formas de redirigir una página web: del lado del cliente usando una metaetiqueta en HTML y del lado del servidor usando métodos de redirección HTTP, por nombrar algunas. En este artículo, echamos un vistazo a cómo redirigir una página web usando JavaScript.

Hay dos formas posibles de usar el código JavaScript para la redirección de página. Ambos involucran el objeto de ubicación de ventana.

href

El primer método involucra la propiedad href en el objeto de ubicación (que, a su vez, es parte del objeto de ventana). Lo único que debe hacer es manejar la redirección asignando la URL a la que desea que vaya la redirección como location.href. Haces esto en una función de JavaScript que se ejecutará cuando se cargue la página:

Agregué una etiqueta de secuencia de comandos en la parte inferior del documento, justo antes de la etiqueta del cuerpo. Aquí es donde va nuestro JavaScript. Una función, llamada handleRedirect, tiene un parámetro llamado url. Asignamos location.href al valor de esta URL.

En la parte superior del cuerpo del documento, tenemos un evento de carga. Este evento onload ejecuta la función de JavaScript que le asignamos. Aquí hemos pasado la URL a la que nos gustaría que vaya. La redirección ocurre inmediatamente y va a la parte HTML de las publicaciones del blog de Python.Engineering.

Si desea agregar una pausa antes de que se redirija la página, puede hacerlo esto usando la función setTimeout Aquí está cómo hacerlo:;

Todo lo demás permanece igual.

Este método agrega la página de origen al historial de la pila. Se puede acceder a ella a través del botón Atrás del navegador. Otro método para reemplazar la URL si prefiere hacer eso en su lugar, ¡lo veremos más adelante!

reemplazar

A diferencia de el método que creamos anteriormente que asigna una nueva URL a una propiedad en el objeto de ubicación, location.replace () es un método que asigna y reemplaza la URL original con lo que sea que tengas específico.

Este método no coloca la URL original en la pila del navegador, reemplaza el destino con la URL redirigida. He aquí cómo:

Como puede ver, no todos necesitamos la etiqueta de secuencia de comandos para este one-liner. Cuando se carga el documento, ejecuta el método location.replace, que nos dirige al sitio entre paréntesis.

¡Aquí! Ahora puede redirigir a una nueva página web usando JavaScript.