So erreichen Sie einen automatischen Sprung in HTML-Seiten: 1. Verwenden Sie Meta-Tags, um Metainformationen von Dokumenten bereitzustellen. 2. Verwenden Sie Header-Funktionen, um URLs umzuleiten. 3. Verwenden Sie JavaScript, um sehr leistungsstarke Programmskripte zu erstellen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5-Version, DELL G3-Computer.
So realisieren Sie einen automatischen Sprung in HTML-Seiten:
Methode 1: Meta-Tag verwenden
Das Meta-Tag ist eines der unverzichtbaren Tags in HTML. Es ist für die Bereitstellung von Metainformationen des Dokuments verantwortlich Zu den Parametern gehören hauptsächlich:
① http-equiv: HTTP-Dateiheader, der sich auf die Daten im Dokument bezieht
② Inhalt: Daten, die sich auf den benannten HTTP-Header beziehen
③ Name: Dokumentbeschreibung
④ URL: URL, die mit Metainformationen verknüpft ist
Wir definieren das Attribut http-equiv als Aktualisierung. Wenn diese Webseite geöffnet wird, springt das System innerhalb einer bestimmten Zeitspanne basierend auf dem durch Content="seconds;url=website" angegebenen Wert. Definiert, wie lange es dauert, zur angegebenen URL zu springen. Der folgende Meta-Tag teilt dem System mit, dass die Seite nach einer Sekunde automatisch zu Dark Horse Online Power wechselt.
Der obige Code muss zum Header des HTTP-Dokuments zwischen
hinzugefügt werden. Normalerweise folgt das Meta-Tag . Wenn mehrere Meta-Tags erforderlich sind, können diese jeweils eine eigene Zeile belegen.Diese Methode ist auf jede Umgebung anwendbar, einschließlich statischem Website-Bereich.
Methode 2: Verwenden Sie die Header-Funktion
Die Header-Funktion ist eine der HTTP-bezogenen Funktionen in den integrierten Funktionen von PHP. Diese Funktion sendet den HTTP-Protokoll-Header an den Browser. Verwenden Sie es, um die URL umzuleiten, d. h. die Seite wird auf andere angegebene Webseiten umgeleitet. Das folgende Beispiel öffnet nach der Ausführung automatisch die Homepage von Dark Horse Online Power.
Es ist zu beachten, dass die Header-Funktion nur vor dem -Tag im Seitencode verwendet werden kann, also bevor alle anderen Header (
) im HTTP-Header an den Browser gesendet wurden. und die vorherige Seite hat nichts gedruckt oder wiedergegeben. Mit anderen Worten: Bevor das der Seite erscheint, verarbeitet das Programm lediglich das Header-Ereignis. Trotz dieser strengen Anforderungen können Sie bei flexibler Verwendung dennoch die automatische Sprungfunktion der Seite, z. B. der Anmeldeseite, erreichen und entscheiden, wo zur Seite gesprungen werden soll, indem beurteilt wird, ob die vom Benutzer übermittelten Daten legal sind. Nachfolgend finden Sie ein einfaches Beispiel:<?php /* 登录程序 - 文件名:login.php 程序作用 - 判断用户登录口令 */ if($_POST['Submit']) { session_start(); if($_POST['pws']=='123') { //若密码为 123 $_SESSION['passwd']='123'; //写入会话数据 header("Location:index.php"); //跳转到正常页面 }else{ header("Location:login.php"); //跳转到登录页面 } } //表单代码略(也可以用纯html代码写表单,若如此,代码应放在程序之后 ?>
<?php /* 检测会话数据 - 文件名:index.php 程序作用 - 检测会话数据中的密码是否为123,若不是,返回 登录页面 */ session_start(); if($_SESSION['passwd']!='123') header("Location:login.php"); //其他代码(纯HTML代码应写在程序之后) ?>
Diese Methode kann natürlich nur in Weltraumumgebungen verwendet werden, die PHP unterstützen.
Methode 3: Verwenden Sie JavaScript
JS ist sehr flexibel und Sie können damit sehr leistungsstarke Programmskripte erstellen. Hier ist nur ein einfaches JS-Beispiel für den automatischen Seitensprung. Nachdem der folgende Code ausgeführt wurde, wechselt der Browser automatisch zur Black Horse Online Power-Website. Dieser Code kann an jeder zulässigen Position auf der Seite platziert werden:
<script language="javascript" type="text/javascript"> window.location.href("http://www.gxblk.com"); </script>
Dieser Code ist für jede Webumgebung geeignet. Wenn Sie einen Timer hinzufügen, wird es noch schöner.
Verwandte Lernempfehlungen: HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo realisieren Sie einen automatischen Sprung in eine HTML-Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!