Heim >Web-Frontend >HTML-Tutorial >HTML5-Artikel: 5 Möglichkeiten, einen Seitensprung zu erreichen (Code-Sharing)

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

奋力向前nach vorne: 2021-08-16 15:33:017915Durchsuche

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.

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>

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>

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>

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>

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!

JavaScript html5 firefox css html struts

Stellungnahme：

Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：So erzielen Sie einen Zentrierungseffekt in HTML-Webseiten (Code-Sharing)Nächster Artikel：So erzielen Sie einen Zentrierungseffekt in HTML-Webseiten (Code-Sharing)

In Verbindung stehende Artikel

Mehr sehen