Fünf Möglichkeiten zum automatischen Seitensprung in HTML

Fünf Möglichkeiten zum automatischen Seitensprung in HTML

Im vorherigen Artikel haben wir drei gängige Methoden vorgestellt, mit denen HTML-Seiten nach 3 Sekunden automatisch springen können. Dieser Artikel wird Ihnen weiterhin das relevante Wissen über das Springen von HTML-Seiten vermitteln. Lassen Sie uns gemeinsam lernen.
Nachfolgend sind fünf Beispiele aufgeführt, die im Detail erläutert werden. Die Hauptfunktion dieser Beispiele ist: Nach 5 Sekunden wird automatisch zur Datei hello.html im selben Verzeichnis gesprungen (ändern Sie sie nach Bedarf).

1) Implementierung von HTML


Code kopieren
Der Code lautet wie folgt:

<Kopf>
<meta http-equiv="aktualisieren" content="5;url=hallo.html">
</Kopf>

Vorteile: Einfach

Nachteil: Kann nicht in Struts-Kacheln verwendet werden

2) Implementierung von JavaScript


Code kopieren
Der Code lautet wie folgt:

<mce:script language="javascript" type="text/javascript"><!--
setTimeout("javascript:location.href='http://liting6680.blog.163.com/blog/hello.html'", 5000);
// --></mce:Skript>

Vorteile: Flexibel, kombinierbar mit weiteren Funktionen

Nachteile: Von verschiedenen Browsern beeinflusst

3) Kombiniert mit der Countdown-Javascript-Implementierung (IE)


Code kopieren
Der Code lautet wie folgt:

<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
var Sekunde = Gesamtsekunde.innerText;
setInterval("umleiten()", 1000);
Funktion Umleitung () {
totalSecond.innerText=--Sekunde;
wenn (Sekunde < 0) Standort.href = "http://liting6680.blog.163.com/blog/hello.html";
}
// --></mce:Skript>

Vorteile: Humaner

Nachteile: Firefox unterstützt nicht (Firefox unterstützt nicht das innerText-Attribut von span, div usw.)

3) Kombiniert mit der Countdown-Javascript-Implementierung (Firefox)


Code kopieren
Der Code lautet wie folgt:

<mce:script language="javascript" type="text/javascript"><!--
var Sekunde = document.getElementById('totalSecond').textContent;
setInterval("umleiten()", 1000);
Funktion Umleitung ()
{
document.getElementById('totalSecond').textContent = --Sekunde;
wenn (Sekunde < 0) location.href='http://liting6680.blog.163.com/blog/hello.html';
}
// --></mce:Skript>

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


Code kopieren
Der Code lautet wie folgt:

<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
wenn (navigator.appName.indexOf("Explorer") > -1) {
document.getElementById('totalSecond').innerText = "mein Text innerText";
} anders{
document.getElementById('totalSecond').textContent = "mein Text textContent";
}
// --></mce:Skript>

5) Integration von 3) und 3')


Code kopieren
Der Code lautet wie folgt:

<span id="totalSecond">5</span>
<mce:script language="javascript" type="text/javascript"><!--
var Sekunde = document.getElementById('totalSecond').textContent;
wenn (navigator.appName.indexOf("Explorer") > -1)
{
Sekunde = document.getElementById('totalSecond').innerText;
} anders
{
Sekunde = document.getElementById('totalSecond').textContent;
}
setInterval("umleiten()", 1000);
Funktion Umleitung ()
{
wenn (Sekunde < 0)
{
Standort.href='http://liting6680.blog.163.com/blog/hallo.html';
} anders
{
wenn (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = Sekunde--;
} anders
{
document.getElementById('totalSecond').textContent = Sekunde--;
}
}
}
// --></mce:Skript>

Die obigen fünf Beispiele stellen fünf Methoden vor, mit denen HTML automatisch zum Seitenwechsel verwendet werden kann. Ich hoffe, sie gefallen Ihnen.

<<:  Interpretation und Verwendung verschiedener React-State-Manager

>>:  Lösen Sie das Problem des MySql8.0-Prüfungsfehlers der Transaktionsisolationsebene

Artikel empfehlen

JavaScript implementiert die Generierung eines 4-stelligen zufälligen Bestätigungscodes

In diesem Artikelbeispiel wird der spezifische Co...

Tutorial zur Installation des GreasyFork-JS-Skripts auf dem Mobiltelefon

Inhaltsverzeichnis Vorwort 1. Iceraven-Browser (F...

Seriennummer des Aktivierungsschlüssels für Windows Server 2016 Standard Key

Ich möchte den Aktivierungsschlüssel für Windows ...

Ein kurzer Vortrag über JavaScript Sandbox

Vorwort: Apropos Sandboxen: Wir denken vielleicht...

MySQL-Update-Fall Update-Feldwert ist keine feste Operation

Wenn bei der Verarbeitung von Batch-Updates besti...

Vue importiert Echarts, um ein Linienstreudiagramm zu realisieren

In diesem Artikel wird der spezifische Code für d...

Installieren und Konfigurieren von MySQL unter Linux

System: Ubuntu 16.04LTS 1\Laden Sie mysql-5.7.18-...

Drei Möglichkeiten zum Konfigurieren virtueller Nginx-Hosts (basierend auf Domänennamen)

Nginx unterstützt drei Möglichkeiten zum Konfigur...

Problem beim Ändern der Tabellengröße mithilfe relativer Breiten

<tr> <th width="12%">AAAAA&l...

Detaillierte Erklärung der MySQL-Datenbank-Trigger

Inhaltsverzeichnis 1 Einleitung 2 Trigger-Einführ...

HTML Mehrere spezielle Trennlinieneffekte

1. Grundlinien 2. Spezialeffekte (die Effekte sin...

Grundlegende Kenntnisse zum MySQL UNION-Operator

MySQL UNION-Operator Dieses Tutorial stellt die S...

Keep-Alive-Multilevel-Routing-Cache-Problem in Vue

Inhaltsverzeichnis 1. Problembeschreibung 2. Ursa...

Detaillierte Erläuterung der SRIOV-Passthrough-Konfiguration und Leistungstests basierend auf KVM

SRIOV-Einführung, VF-Passthrough-Konfiguration un...

Optimierte Aufzeichnung der Verwendung von IN-Datenvolumen in Mysql

Die MySQL-Versionsnummer ist 5.7.28. Tabelle A ha...