[HTML] 5 Möglichkeiten, zu HTML-Seiten zu springen-HTML-Tutorial-php.cn

[HTML] 5 Möglichkeiten, zu HTML-Seiten zu springen

高洛峰

Freigeben： 2017-02-16 14:44:45

Original

2673 Leute haben es durchsucht

Verzeichnisstruktur:

Inhaltsstruktur [-]

HTML-Implementierung
Javascript-Implementierung
kombinierte reziproke Javascript-Implementierung (IE)
Lösen Sie das Problem, dass Firefox innerText nicht unterstützt
Kombiniert die Javascript-Implementierung von Reciprocal (IE, Firefox)
Referenzartikel

Fünf Beispiele sind unten aufgeführt, um sie im Detail zu erläutern. Die Hauptfunktionen dieser Beispiele sind: Nach 5 Sekunden springen Sie automatisch zu Datei hello.html im selben Verzeichnis (ändern Sie sie entsprechend Ihren Anforderungen).
1) Implementierung von HTML

<head>
<!-- 以下方式只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=hello.html"> 
</head>

Nach dem Login kopieren

Vorteile: Einfach
Nachteile: Nicht verfügbar in Struts Kacheln Verwendung

2) Implementierung von Javascript

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

Nach dem Login kopieren

Vorteile: Flexibel, mit weiteren Funktionen kombinierbar
Nachteile: Beeinflussung durch verschiedene Browser

3 ) Kombiniert mit reziproker Javascript-Implementierung (IE)

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

Nach dem Login kopieren

Vorteile: benutzerfreundlicher
Nachteile: Firefox unterstützt nicht (Firefox unterstützt nicht die innerText-Attribute von span, p usw.)

3') JavaScript-Implementierung, die reziproke ( 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>

Nach dem Login kopieren

4) Lösen Sie das Problem, dass Firefox innerText nicht unterstützt

<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>

Nach dem Login kopieren

5) Kombiniert mit reziproker Javascript-Implementierung (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>

Nach dem Login kopieren

Weitere Artikel zu [HTML] 5 Möglichkeiten zum Springen von HTML-Seiten finden Sie auf der chinesischen PHP-Website!