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. 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
So richten Sie den PostgreSQL-Start unter Ubuntu 16.04 ein
Da PostgreSQL kompiliert und installiert ist, müs...
Snake-Spiel mit nativem JS schreiben
In diesem Artikel wird der spezifische Code zum S...
Eine vollständige Liste gängiger Linux-Systembefehle für Anfänger
Das Erlernen von Linux-Befehlen stellt für die me...
Lösung für das Problem, dass der Alibaba Cloud-Host nicht über IP auf die Website zugreifen kann (gelöst durch Konfigurieren von Sicherheitsgruppenregeln)
Ich habe gerade einen Alibaba Cloud-Host gekauft ...
So überwachen Sie den Linux-Serverstatus
Wir, insbesondere Linux-Ingenieure, haben täglich...
Lösung für „Ubuntu kann keine Verbindung zum Netzwerk herstellen“
Effektive Lösung für Ubuntu, wenn in einer virtue...
So installieren Sie binäres MySQL unter Linux und knacken das MySQL-Passwort
1. Stellen Sie sicher, dass das System über die e...
Analyse und Lösung des Grundes, warum overflow-y: visible; in CSS nicht funktioniert
Szenario Eine aktuelle Anforderung ist eine h5-Se...
Was bedeutet es, nach der CSS-Linkadresse ein Fragezeichen (?) hinzuzufügen?
Zum Beispiel: <link rel="stylesheet" ...
4 Prinzipien für sauberes und schönes Webdesign
In diesem Artikel werden diese 4 Prinzipien im Hi...
GDB-Debugging, MySQL-Kompilierung und Installation des tatsächlichen Kampfquellcodes
Quellcode herunterladen Git-Klon https://github.c...
Lösen Sie schnell das Problem, dass der mysql57-Dienst plötzlich verschwunden ist
eins, G:\MySQL\MySQL Server 5.7\bin> mysqld --...
HTML5+CSS3-Codierungsstandards
Die goldene Regel Unabhängig davon, wie viele Per...
Docker Consul-Übersicht und Schritte zum Erstellen einer Clusterumgebung (grafische Erklärung)
Inhaltsverzeichnis 1. Übersicht über Docker Consu...
Beherrschen Sie die häufig verwendeten HTML-Tags zum Zitieren von Inhalten auf Webseiten.
Verwenden Sie „blockquote“ für lange Zitate, „q“ ...