[HTML] 5 façons d'accéder aux pages HTML-tutoriel HTML-php.cn

[HTML] 5 façons d'accéder aux pages HTML

高洛峰

Libérer： 2017-02-16 14:44:45

original

2673 Les gens l'ont consulté

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>

Copier après la connexion

Avantages : Simple
Inconvénients : Non disponible dans Struts Utilisation des tuiles

2) Implémentation de javascript

<script language="javascript" type="text/javascript"> 
// 以下方式直接跳转window.location.href=&#39;hello.html&#39;;// 以下方式定时跳转setTimeout("javascript:location.href=&#39;hello.html&#39;", 5000); 
</script>

Copier après la connexion

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)

<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript"> 
 second ="redirect()", 1000=--(second<0) location.href=&#39;hello.html&#39;</script>

Copier après la connexion

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)

<script language="javascript" type="text/javascript"> 
var second = document.getElementById(&#39;totalSecond&#39;).textContent; 
setInterval("redirect()", 1000); 
function redirect() 
{ 
document.getElementById(&#39;totalSecond&#39;).textContent = --second; 
if (second < 0) location.href = &#39;hello.html&#39;; 
} 
</script>

Copier après la connexion

4) Résoudre le problème selon lequel 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.getElementById(&#39;totalSecond&#39;).innerText = "my text innerText"; 
} else{ 
document.getElementById(&#39;totalSecond&#39;).textContent = "my text textContent"; 
} 
</script>

Copier après la connexion

5) Combiné avec une implémentation javascript réciproque (IE, Firefox)

<span id="totalSecond">5</span>
 <script language="javascript" type="text/javascript"> var second = document.getElementById(&#39;totalSecond&#39;).textContent; 
 
if (navigator.appName.indexOf("Explorer") > -1)  { 
    second = document.getElementById(&#39;totalSecond&#39;).innerText; 
} else { 
    second = document.getElementById(&#39;totalSecond&#39;).textContent; 
} 
 
setInterval("redirect()", 1000); 
function redirect() { 
if (second < 0) { 
    location.href = &#39;hello.html&#39;; 
} else { 
    if (navigator.appName.indexOf("Explorer") > -1) { 
        document.getElementById(&#39;totalSecond&#39;).innerText = second--; 
    } else { 
        document.getElementById(&#39;totalSecond&#39;).textContent = second--; 
    } 
} 
} 
</script>

Copier après la connexion

Pour plus d'articles sur [HTML] 5 façons de sauter la page HTML, veuillez faire attention au site Web PHP chinois !