Cinq façons de réaliser un saut de page automatique dans la production de pages HTML_HTML/Xhtml_Web

Dans l'article précédent, je vous ai présenté Trois façons courantes de sauter automatiquement une page HTML après 3 secondes Cet article continuera à vous présenter les connaissances pertinentes sur le saut de page HTML. .
Cinq exemples sont répertoriés ci-dessous pour expliquer en détail. La fonction principale de ces exemples est : après 5 secondes, accédez automatiquement au fichier hello.html dans le même répertoire (modifiez-le selon vos propres besoins).

1) Implémentation du html

Copier le code

Le code est le suivant :

>< méta http-equiv="refresh" content="5;url=hello.html">
Avantages : Simple

Inconvénient : ne peut pas être utilisé dans les tuiles Struts

2) Implémentation de javascript

Copier le code

Le code est le suivant :

Avantages : Flexible, peut être combiné avec d'autres fonctions

Inconvénients : affecté par différents navigateurs


3) Implémentation javascript combinée de réciproque (IE)

Copier le code

Le code est le suivant :

setInterval ("redirect ()", 1000); function redirect(){ totalSecond.innerText=--second; if(second<0) location.href='http://liting6680.blog .163.com/blog/hello.html'; }

// -->

Avantages : plus convivial

Inconvénients : Firefox ne prend pas en charge (Firefox ne prend pas en charge les attributs innerText de span, div, etc.)


3) Implémentation javascript combinée de réciproque (firefox)

Copier le code

Le code est le suivant :

4) Résolvez le problème selon lequel Firefox ne prend pas en charge innerText

Copier le code


Le code est le suivant :

5) Intégrer 3) et 3')

Copier le code


Le code est le suivant :

5
< ;/mce:script>



上記の 5 つの例では、HTML での自動ページ ジャンプの 5 つの方法を紹介しました。気に入っていただければ幸いです。