HTML no puede hacerloSalto 301Sí, pero se puede pasar
Tras 5 segundos, saltará automáticamente al archivo hello.html en el mismo directorio (modifícalo según tus necesidades).
A continuación se presentan cinco ejemplos para ilustrar en detalle; la función principal de estos ejemplos es: tras 5 segundos, salta automáticamente a los archivos hello.html (modifican según sus propias necesidades) en el mismo directorio.
1) Implementación de HTML <head>
<!-- La siguiente forma simplemente se actualiza sin saltar a otras páginas — >
<meta http-equiv="refresh" content="10">
<!-- Ve a otras páginas regularmente por -->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
Ventajas: Sencillas
Contras: No disponible en Struts Tiles 2) Implementación de JavaScript <lenguaje de script="javascript" tipo="texto/javascript">
El siguiente método salta directamente
window.location.href='hello.html';
Lo siguiente es un salto normal
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
Ventajas: Flexible, puede combinar más funciones
Contras: Afectado por diferentes navegadores
3) implementación de JavaScript con cuenta atrás inversa (IE) <lenguaje de script="javascript" tipo="texto/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;
setInterval("redirect()", 1000);
función redirección()
{
document.getElementByIdx_x('totalSecond').textContent = --segundo;
si (segundo < 0) location.href = 'hello.html';
}
</script>
Ventajas: Más fácil de usar
Desventajas: Firefox no soporta (Firefox no soporta atributos innerText para span, div, etc.)
3') incorpora la implementación recíproca de javascript (Firefox) <span id="totalSecond">5</span>
<lenguaje de script="javascript" tipo="texto/javascript">
var segundo = totalSegundo.textoInterior;
setInterval("redirect()", 1000);
función redirect(){
totalSegundo.textoInterior=--segundo;
if(second<0) location.href='hello.html';
}
</script>
4) Solucionar el problema de que Firefox no soporta innerText <span id="totalSecond">5</span>
<lenguaje de script="javascript" tipo="texto/javascript">
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementByIdx_x('totalSecond').innerText = "mi texto innerText";
} else{
document.getElementByIdx_x('totalSecond').textContent = "mi textotextoContenido";
}
</script>
5) Integración 3) y 3')
<span id="totalSecond">5</span>
<lenguaje de script="javascript" tipo="texto/javascript">
var second = document.getElementByIdx_x('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1) {
segundo = document.getElementByIdx_x('totalSegundo').textoInterior;
} else {
segundo = document.getElementByIdx_x('totalSegundo').textoContenido;
}
setInterval("redirect()", 1000);
función redirección() {
si (segundo < 0) {
location.href = 'hello.html';
} else {
if (navigator.appName.indexOf("Explorer") > -1) {
document.getElementByIdx_x('totalSecond').innerText = second--;
} else {
document.getElementByIdx_x('totalSecond').textContent = second--;
}
}
}
</script>
| 
Publicado en 26/10/2014 17:19:00
|
|
|
