ES6 - Redireccionamiento de página
Redirectes una forma de enviar tanto a los usuarios como a los motores de búsqueda a una URL diferente a la que solicitaron originalmente. La redirección de página es una forma de redirigir automáticamente una página web a otra página web. La página redirigida suele estar en el mismo sitio web, o puede estar en un sitio web diferente o en un servidor web.
Redirección de página de JavaScript
window.location and window.location.href
En JavaScript, puede utilizar muchos métodos para redirigir una página web a otra. Casi todos los métodos están relacionados conwindow.locationobject, que es una propiedad del objeto Window. Se puede utilizar para obtener la dirección URL actual (dirección web) y para redirigir el navegador a una nueva página. Ambos usos son iguales en términos de comportamiento.window.locationdevuelve un objeto. Si.href no está configurado, window.location predeterminado para cambiar el parámetro .href.
Ejemplo
<!DOCTYPE html>
<html>
<head>
<script>
function newLocation() {
window.location = "http://www.xyz.com";
}
</script>
</head>
<body>
<input type = "button" value = "Go to new location" onclick = "newLocation()">
</body>
</html>
location.replace()
El otro método más utilizado es el replace()método del objeto window.location, reemplazará el documento actual por uno nuevo. En el método replace (), puede pasar una nueva URL al método replace () y realizará una redirección HTTP.
A continuación se muestra la sintaxis de la misma.
window.location.replace("http://www.abc.com
location.assign()
El método location.assign () carga un nuevo documento en la ventana del navegador.
A continuación se muestra la sintaxis de la misma.
window.location.assign("http://www.abc.org");
assign() vs. replace()
La diferencia entre el método assign () y replace () es que el método location.replace () elimina la URL actual del historial del documento, por lo que no puede navegar de regreso al documento original. En este caso, no puede utilizar el botón "Atrás" del navegador. Si desea evitar esta situación, debe utilizar el método location.assign (), ya que carga un nuevo documento en el navegador.
location.reload()
El método location.reload () recarga el documento actual en la ventana del navegador.
A continuación se muestra la sintaxis de la misma.
window.location.reload("http://www.yahoo.com");
window.navigate()
El método window.navigate () es similar a asignar un nuevo valor a la propiedad window.location.href. Debido a que solo está disponible en MS Internet Explorer, debe evitar usarlo en el desarrollo de varios navegadores.
A continuación se muestra la sintaxis de la misma.
window.navigate("http://www.abc.com");
Redirección y optimización de motores de búsqueda
Si desea notificar a los motores de búsqueda (SEO) sobre el reenvío de su URL, debe agregar la metaetiqueta rel = "canonical" a la parte del encabezado de su sitio web porque los motores de búsqueda no analizan JavaScript para verificar la redirección.
A continuación se muestra la sintaxis de la misma.
<link rel = "canonical" href = "http://abc.com/" />