HTML5-Artikel: 5 Möglichkeiten, einen Seitensprung zu erreichen (Code-Sharing)-HTML-Tutorial-php.cn

HTML5-Artikel: 5 Möglichkeiten, einen Seitensprung zu erreichen (Code-Sharing)

奋力向前

Freigeben： 2021-08-16 15:37:28

nach vorne

7778 Leute haben es durchsucht

Im vorherigen Artikel „Lernen Sie, wie Sie mit CSS Hintergrundbilder zu HTML-Schriftarten hinzufügen“ habe ich Ihnen gezeigt, wie Sie mit CSS Hintergrundbilder zu HTML-Schriftarten hinzufügen. Im folgenden Artikel erfahren Sie, wie Sie mit HTML5 einen Seitensprung erreichen. Freunde in Not können sich darauf beziehen.

HTML5-Artikel: 5 Möglichkeiten, einen Seitensprung zu erreichen (Code-Sharing)

Im Folgenden sind fünf Beispiele zur detaillierten Erläuterung aufgeführt. 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. HTML-Implementierung Tage : Von verschiedenen Browsern betroffen

3. Kombiniert mit reziproker Javascript-Implementierung (IE)

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

Nach dem Login kopieren

Vorteile: benutzerfreundlicher

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

4. Kombiniert mit der Javascript-Implementierung von Reciprocal (Firefox)

<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

5. Lösen Sie das Problem, dass Firefox innerText nicht unterstützt

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

Nach dem Login kopieren

Komplettcode mit 3 und 4

<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

Empfohlenes Lernen :
Html-Video-Tutorial

Das obige ist der detaillierte Inhalt vonHTML5-Artikel: 5 Möglichkeiten, einen Seitensprung zu erreichen (Code-Sharing). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!