Heim  >  Artikel  >  Web-Frontend  >  So realisieren Sie einen automatischen Sprung in eine HTML-Seite

So realisieren Sie einen automatischen Sprung in eine HTML-Seite

coldplay.xixi
coldplay.xixiOriginal
2021-04-26 14:41:2920625Durchsuche

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.

So realisieren Sie einen automatischen Sprung in eine HTML-Seite

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 93f0f5c25f18dab9d176bd4f6de5d30e hinzugefügt werden. Normalerweise folgt das Meta-Tag 93f0f5c25f18dab9d176bd4f6de5d30e. 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 100db36a723c770d327fc0aef2ce13b1-Tag im Seitencode verwendet werden kann, also bevor alle anderen Header (93f0f5c25f18dab9d176bd4f6de5d30e) im HTTP-Header an den Browser gesendet wurden. und die vorherige Seite hat nichts gedruckt oder wiedergegeben. Mit anderen Worten: Bevor das 100db36a723c770d327fc0aef2ce13b1 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn