La redirección de página ES6 se utiliza para enviar una solicitud a diferentes direcciones de sitios web para el usuario y el motor de búsqueda del navegador (el motor de búsqueda y el usuario recibieron una dirección de sitio web diferente a la solicitada por el motor de búsqueda o el usuario). El redireccionamiento a una página diferente que no fue solicitada por el usuario o por el motor de búsqueda puede estar en el mismo servidor o quizás en un servidor diferente. Además, puede ser un sitio web diferente.
Para redirigir a otra página que no se solicitó, se utiliza la última versión de JavaScript de ES6. Hay muchos métodos que se pueden usar para redirigir a otra página, todos los métodos se enumeran a continuación con la descripción. Recuerde una cosa: todos los métodos pertenecen a un objeto de retorno de ventana única.
- Método location.replace(): este método reemplazará la ubicación actual del sitio web por la ubicación del sitio web redirigido mediante el uso del método .replace() .
Sintaxis:window.location.replace = "Your redirected link"
- Método location.assign(): este método asignará una nueva ubicación a la ubicación del sitio web redirigido mediante el uso del método .assign() .
Sintaxis:window.location.assign = "Your redirected link"
- Método location.reload(): este método recargará el documento actual utilizando el método .reload() .
Sintaxis:window.location.reload = "Your redirected link"
- Método window.navigate(): este método se puede usar en Internet Explorer, solo que todos los demás navegadores eliminan este método. Por lo tanto, es bueno evitarlo porque otros navegadores no admitirán este método. Este método es similar al método .location.assign() . Este método asigna un nuevo valor por el que se navegará utilizando el método .navigate().
Sintaxis:window.navigate = "Your redirected link"
El siguiente ejemplo ilustrará todo el concepto de redirección de página:
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
ES6 | Page Redirect
</title>
<script>
function geeks() {
window.location =
"https://ide.geeksforgeeks.org/tryit.php";
}
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<input type = "button"
value = "Redirecting Page"
onclick = "geeks()">
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Nota: Agregue el rel = «canonical» dentro de la sección principal de la página web para informar al motor de búsqueda cuando esté utilizando el método de redirección de página.
<link rel = "canonical" href = "Redirecting Page" />
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA