Maison >interface Web >tutoriel HTML >[HTML] 5 façons d'accéder aux pages HTML
[HTML] 5 façons d'accéder aux pages HTML
- 高洛峰original
- 2017-02-16 14:44:452699parcourir
Structure du répertoire :
structure du contenu [-]
-
implémentation HTML
implémentation javascript
implémentation javascript réciproque combinée (IE)
-
Résoudre le problème que Firefox ne prend pas en charge innerText
Combiné l'implémentation javascript de réciproque (IE, Firefox)
-
Article de référence
Cinq exemples sont répertoriés ci-dessous pour expliquer en détail. Les principales fonctions de ces exemples sont : après 5 secondes, passez automatiquement à l'écran. hello.html dans le même répertoire (modifiez-le selon vos besoins).
1) Implémentation du HTML
<head> <!-- 以下方式只是刷新不跳转到其他页面 --> <meta http-equiv="refresh" content="10"> <!-- 以下方式定时转到其他页面 --> <meta http-equiv="refresh" content="5;url=hello.html"> </head>
Avantages : Simple
Inconvénients : Non disponible dans Struts Utilisation des tuiles
2) Implémentation de javascript
57916d668bd9fde2bda8a8d63055ad35
// 以下方式直接跳转window.location.href='hello.html';// 以下方式定时跳转setTimeout("javascript:location.href='hello.html'", 5000);
2cacc6d41bbb37262a98f745aa00fbf0
Avantages : flexible, peut être combiné avec d'autres fonctions
Inconvénients : affecté par différents navigateurs
3 ) Combiné avec une implémentation javascript réciproque (IE)
7b27906f4f08ef4a2c36759443f86ada554bdf357c58b8a65c66d7c19c8e4d114 57916d668bd9fde2bda8a8d63055ad35 second ="redirect()", 1000=--(second<0) location.href='hello.html'2cacc6d41bbb37262a98f745aa00fbf0
Avantages : plus convivial
Inconvénients : Firefox ne prend pas en charge (Firefox ne prend pas en charge les attributs innerText de span, p, etc.)
3') Implémentation JavaScript qui combine réciproque ( firefox)
57916d668bd9fde2bda8a8d63055ad35
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent = --second;
if (second < 0) location.href = 'hello.html';
}
2cacc6d41bbb37262a98f745aa00fbf0
4) Résoudre le problème selon lequel Firefox ne prend pas en charge innerText
7b27906f4f08ef4a2c36759443f86ada554bdf357c58b8a65c66d7c19c8e4d11457916d668bd9fde2bda8a8d63055ad35 if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
2cacc6d41bbb37262a98f745aa00fbf0
5) Combiné avec une implémentation javascript réciproque (IE, Firefox)
7b27906f4f08ef4a2c36759443f86ada554bdf357c58b8a65c66d7c19c8e4d114
57916d668bd9fde2bda8a8d63055ad35 var second = document.getElementById('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1) {
second = document.getElementById('totalSecond').innerText;
} else {
second = document.getElementById('totalSecond').textContent;
}
setInterval("redirect()", 1000);
function redirect() {
if (second 8207cfcd3817cc3a3cfbc225f03e6e03 -1) {
document.getElementById('totalSecond').innerText = second--;
} else {
document.getElementById('totalSecond').textContent = second--;
}
}
}
2cacc6d41bbb37262a98f745aa00fbf0
Pour plus d'articles sur [HTML] 5 façons de sauter la page HTML, veuillez faire attention au site Web PHP chinois !