A menudo es necesario redirigir a otra página web al cargar una página web, por ejemplo, debido a que los contenidos se mueven a la nueva página web.
Aquí se muestran dos métodos simples para redirigir a otra página web durante la carga.
Método 1: usar el atributo http-equiv de la metaetiqueta en HTML.
Sintaxis:
<meta http-equiv="refresh" content="seconds; url=URL">
Ejemplo 1:
<!DOCTYPE HTML> <html> <head> <title> Redirect to GeeksforGeeks </title> <!-- meta tag to redirect to ide.geeksforgeeks.org after 2 seconds --> <meta http-equiv="refresh" content="2; url=https://ide.geeksforgeeks.org/"> </head> <body> <!-- Link to the destination page in case the refresh does not work --> You will be redirected to GeeksforGeeks in a moment. <br> If you are not redirected automatically, <a href="https://ide.geeksforgeeks.org/"> click here </a>. </body> </html>
Salida:
Antes:
Después de 2 segundos:
Nota: En algunos navegadores más antiguos, como Internet Explorer 6, la actualización puede generar resultados inesperados y dañar el botón Atrás del navegador. Esto se compensa en la mayoría de los navegadores modernos (Internet Explorer 7 y superior, Google Chrome, Mozilla Firefox, Microsoft Edge).
Método 2: Uso de location.href en JavaScript.
Sintaxis:
window.location.href = "URL"
Ejemplo-2:
<!DOCTYPE HTML> <html> <head> <title> Redirect to GeeksforGeeks </title> <script type="text/javascript"> /* location.href used to redirect to ide.geeksforgeeks.org */ window.location.href = "https://ide.geeksforgeeks.org/" </script> </head> <body> <!-- Link to the destination page in case the redirect does not work --> You will be redirected to GeeksforGeeks in a moment. <br> If you are not redirected automatically, <a href="https://ide.geeksforgeeks.org/"> click here </a>. </body> </html>
Producción:
Nota: este método funciona bien para cualquier navegador habilitado para JavaScript.