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
Lösungen für das Problem der Erstellung von XHTML- und CSS-Webseiten
Die Lösungen für die Probleme, die bei der Erstell...
Detaillierte Erklärung der Desktop-Anwendung mit Vue3 und Electron
Inhaltsverzeichnis Vue CLI erstellt ein Vue-Proje...
Ein auf Vue-cli basierender Codesatz unterstützt mehrere Projekte
Inhaltsverzeichnis Anwendungsszenario Ideen Proje...
Mehrere Möglichkeiten zur Implementierung der CSS-Höhenänderung mit Breitenverhältnis
[Lösung 1: Padding-Implementierung] Prinzip: Wenn...
Installationsprozess von MySQL5.7.22 auf dem Mac
1. Verwenden Sie das Installationspaket, um MySQL...
Führen Sie Datenstatistiken für verschiedene Werte desselben Felds in SQL durch
Anwendungsszenario: Es ist notwendig, die Anzahl ...
Der Iframe-Frame setzt den weißen Hintergrund im IE-Browser auf transparent
In letzter Zeit muss ich im Projektverlauf häufig ...
Rufen Sie die Schriftart entsprechend dem Schriftnamen auf, damit der Browser die gewünschte Schriftart anzeigt
Frage 1: Wie weisen Sie den Browser an, die gewüns...
Detaillierte Erläuterung der Verwendung von Redux bei der nativen WeChat-Applet-Entwicklung
Prämisse In komplexen Szenarien müssen große Date...
Lösung für das Problem, dass synchrone Replikationsfehler im MySQL5.6 GTID-Modus nicht übersprungen werden können
Datenbankversion: mysql> select version(); +--...
Detaillierte Erläuterung der Javascript-Wissenspunkte
Inhaltsverzeichnis 1. Grundlegende Einführung in ...
So verstehen Sie den Unterschied zwischen ref toRef und toRefs in Vue3
Inhaltsverzeichnis 1. Grundlagen 1.Referenz 2. to...
So verwenden Sie die Glog-Protokollbibliothek in einer Linux-Umgebung
Linux-Bibliothek generieren Die Linux-Version ver...
Eine kurze Diskussion über die Implementierung von Fuzzy-Abfragen mit Platzhaltern in MySQL
Wenn wir in der MySQL-Datenbank Fuzzy-Abfragen be...
Detaillierte Erklärung zur Verwendung von Titel-Tags und Absatz-Tags in XHTML
XHTML-Überschriftenübersicht Wenn wir Word-Dokume...