Heim >Web-Frontend >HTML-Tutorial >Fünf Möglichkeiten, automatisch zu HTML-Seiten zu springen
Fünf Möglichkeiten, automatisch zu HTML-Seiten zu springen
- 高洛峰Original
- 2017-02-24 10:31:522020Durchsuche
Im Folgenden sind fünf Beispiele aufgeführt, um dies im Detail zu erläutern. Die Hauptfunktion dieser Beispiele besteht darin, nach 5 Sekunden automatisch zur Datei hello.html im selben Verzeichnis zu springen (diese entsprechend Ihren eigenen Anforderungen zu ändern).
1) Implementierung von HTML
<head> <meta http-equiv="refresh" content="5;url=hello.html"> </head>
Vorteile: Einfach
Nachteile: Kann nicht in Struts Tiles verwendet werden
2) Implementierung von Javascript
<mce:script language="javascript" type="text/javascript"><!--
setTimeout("javascript:location.href='http://liting6680.blog.163.com/blog/hello.html'", 5000);
// --></mce:script>Vorteile: Flexibel, kombinierbar mit weiteren anderen Funktionen
Nachteile: Beeinflussung durch verschiedene Browser
3) Kombiniert mit reziproker Javascript-Implementierung (IE)
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='http://liting6680.blog.163.com/blog/hello.html';
}
// --></mce:script>Vorteile: humaner
Nachteile: Firefox unterstützt nicht (Firefox unterstützt nicht die innerText-Attribute von span, p usw.)
3) Kombinierte Javascript-Implementierung des Kehrwerts (Firefox)
<mce:script language="javascript" type="text/javascript"><!--
var second = document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent = --second;
if (second < 0) location.href='http://liting6680.blog.163.com/blog/hello.html';
}
// --></mce:script>4) Lösen Sie das Problem, dass Firefox innerText nicht unterstützt
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('totalSecond').innerText = "my text innerText";
} else{
document.getElementById('totalSecond').textContent = "my text textContent";
}
// --></mce:script>5) Integrieren Sie 3) und 3')
<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
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 < 0)
{
location.href='http://liting6680.blog.163.com/blog/hello.html';
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--;
} else
{
document.getElementById('totalSecond').textContent = second--;
}
}
}
// --></mce:script>Die obigen fünf Beispiele stellen Ihnen die fünf Methoden des automatischen Seitensprungs in HTML vor. Ich hoffe, es gefällt Ihnen.
Weitere verwandte Artikel über fünf Möglichkeiten, automatisch zu HTML-Seiten zu springen, finden Sie auf der chinesischen PHP-Website!