Haga clic en el botón en la página html para realizar la función de salto de página

Haga clic en el botón en la página html para saltar a la página.

Método 1. Anide una etiqueta fuera de la etiqueta del botón y utilice un hipervínculo para saltar;

 <a href="https://www.baidu.com/" target="_blank">
<button>Ingresar a la página de inicio de baidu</button>
</a>

Método 2. Agregue el código onclick="window.location.href='page url'" en la etiqueta del botón y use el evento onclick para saltar.

 <button onclick="window.location.href = 'https://www.baidu.com/' target="_blank"">Ingrese a la página de inicio de baidu</button>

Cómo saltar automáticamente a páginas html

1. Utilice metaelementos

 <meta http-equiv="actualizar" contenido="5;url=hola.html">

http-equiv="refresh" significa actualizar la página. La operación de actualización se realizará después de 5 segundos. La URL es la dirección de la página de destino del salto.

 <meta http-equiv="actualizar" contenido="5">

Esta línea de código solo significa actualizar, no saltar.

2. Utilice código de secuencia de comandos

Vaya inmediatamente a la página hello.html.

 <tipo de script="texto/javascript">
ventana.ubicación.href = 'hola.html';
</script>

o

 <lenguaje de escritura="javascript">
ubicación.replace("http://www.baidu.com/");
</script>

Salta a la página hello.html después de 5 segundos.

 <tipo de script="texto/javascript">
setTimeout("ventana.ubicación.href = 'hola.html'", 5000);
</script>

3. Determinar si es la versión para teléfono móvil.

 <tipo de script="texto/javascript">
var wapurl = ventana.ubicación.nombre de ruta; 
si
(/Android|webOS|iPhone|iPod|BlackBerry|Windows CE|Windows Phone/i.test(navigator.userAgent))
{si
(ventana.ubicación.href.toLowerCase().indexOf("?pc")<0)
{intentar
{ventana.ubicación.href="/wap"+wapurl}
captura(e){}}
}
</script>

Con esto concluye este artículo sobre cómo hacer clic en el botón en la página HTML para ir a la página. Para obtener más información sobre cómo hacer clic en el botón para ir a la página, busque los artículos anteriores de downcodes.com o continúe explorando los artículos relacionados a continuación. Espero que lo hagas en el futuro. ¡Apoya downcodes.com!