HTML ne peut pas le faireSaut 301Oui, mais elle peut être acceptée
Après 5 secondes, il saute automatiquement au fichier hello.html dans le même dossier (modifiez-le selon vos besoins).
Voici cinq exemples pour illustrer en détail, la fonction principale de ces exemples est : après 5 secondes, sauter automatiquement aux fichiers hello.html (modifier selon vos besoins) dans le même répertoire.
1) Implémentation HTML <head> <!-- La méthode suivante est simplement rafraîchie sans passer à d’autres pages — > <meta http-equiv="refresh » content="10"> <!-- Consultez régulièrement d’autres pages de --> <meta http-equiv="refresh » content="5 ;url=hello.html"> </head>
Avantages : Simple Inconvénients : Indisponible dans les tuiles Struts 2) Implémentation JavaScript <script language="javascript » type="text/javascript"> La méthode suivante saute directement window.location.href='hello.html' ; Voici un saut classique setTimeout (« javascript :location.href='hello.html' », 5000) ; </script>
Avantages : Flexible, peut combiner plus d’autres fonctions Inconvénients : Affecté par différents navigateurs
3) implémentation de JavaScript avec compte à rebours inverse (IE) <script language="javascript » type="text/javascript"> var second = document.getElementByIdx_x('totalSecond').textContent ; setInterval(« redirect() », 1000) ; redirection de fonction()
{ document.getElementByIdx_x('totalSecond').textContent = --seconde ; si (deuxième < 0) location.href = 'hello.html' ;
} </script>
Avantages : Plus convivial Inconvénients : Firefox ne prend pas en charge (Firefox ne prend pas en charge les attributs innerText pour span, div, etc.)
3') intègre l’implémentation javascript réciproque (Firefox) <span id="totalSecond">5</span> <script language="javascript » type="text/javascript"> var second = totalSecond.innerText ; setInterval(« redirect() », 1000) ; fonction redirect(){ totalSecond.innerText=--seconde ; if(second<0) location.href='hello.html' ;
} </script>
4) Corriger le problème que Firefox ne prend pas en charge innerText <span id="totalSecond">5</span> <script language="javascript » type="text/javascript"> if(navigator.appName.indexOf(« Explorer ») > -1){ document.getElementByIdx_x('totalSecond').innerText = « mon texte innerText » ; } else{ document.getElementByIdx_x('totalSecond').textContent = « mon textContenu » ;
} </script>
5) Intégration 3) et 3')
<span id="totalSecond">5</span>
<script language="javascript » type="text/javascript"> var second = document.getElementByIdx_x('totalSecond').textContent ;
if (navigator.appName.indexOf(« Explorer ») > -1) { second = document.getElementByIdx_x('totalSecond').innerText ; } else { second = document.getElementByIdx_x('totalSecond').textContenu ;
}
setInterval(« redirect() », 1000) ; fonction redirect() { si (deuxième < 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>
|