Maison > interface Web > tutoriel HTML > le corps du texte

Comment réaliser un saut automatique dans une page HTML

coldplay.xixi
Libérer: 2023-01-05 16:11:28
original
20704 Les gens l'ont consulté

Comment réaliser un saut automatique dans les pages HTML : 1. Utilisez la balise méta pour fournir les méta-informations du document ; 2. Utilisez la fonction d'en-tête pour rediriger l'URL ; 3. Utilisez JavaScript pour créer une fonction très puissante. scénario.

Comment réaliser un saut automatique dans une page HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur DELL G3.

Comment réaliser un saut automatique d'une page HTML :

Méthode 1 : Utiliser la balise méta

La balise méta n'est pas html L'une des balises manquantes, elle est chargée de fournir les méta-informations du document. Ses paramètres incluent principalement :

① http-equiv : en-tête de fichier HTTP lié aux données du document

② content : et Nommez les données liées à l'entête HTTP

③ name : Description du document

④ url : URL associée aux méta informations

Quand on définit l'attribut http- équivalent comme rafraîchissement, ouvert Pour cette page Web, le système passera à la page correspondante dans un certain laps de temps en fonction de la valeur spécifiée par content="seconds;url=website" définit le temps qu'il faut pour accéder à la page. URL spécifiée. La balise méta suivante indique au système que la page passera automatiquement à Dark Horse Online Power après une seconde.

Le code ci-dessus doit être ajouté à l'en-tête du document HTTP, entre et . Habituellement, la balise méta suit . Si plusieurs balises méta sont requises, elles peuvent chacune occuper leur propre ligne.

Cette méthode est applicable à n’importe quel environnement, y compris l’espace de site Web statique.

Méthode 2 : Utiliser la fonction d'en-tête

La fonction d'en-tête est l'une des fonctions liées à HTTP dans les fonctions intégrées de PHP. Cette fonction envoie l'en-tête du protocole HTTP. au navigateur. Utilisez-le pour rediriger l'URL, c'est-à-dire que la page sera redirigée vers d'autres pages Web spécifiées. L'exemple suivant ouvrira automatiquement la page d'accueil de Dark Horse Online Power après l'exécution.

Il faut noter que la fonction header ne peut être utilisée qu'avant la balise dans le code de la page, c'est-à-dire avant que d'autres en-têtes () dans l'en-tête HTTP aient été envoyés. au navigateur, et , la page précédente n'a pu imprimer ou faire écho à aucun contenu. En d'autres termes, le programme gère simplement l'événement d'en-tête avant que le de la page n'apparaisse. Malgré des exigences aussi strictes, si vous l'utilisez de manière flexible, vous pouvez toujours obtenir la fonction de saut automatique de page, comme la page de connexion, et décider où accéder à la page en jugeant si les données soumises par l'utilisateur sont légales. Un exemple simple est donné ci-dessous :

<?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代码写表单,若如此,代码应放在程序之后
?>
Copier après la connexion
rrree

Cette méthode ne peut évidemment être utilisée que dans des environnements spatiaux prenant en charge PHP.

Méthode 3 : Utiliser JavaScript

JS est très flexible. Vous pouvez l'utiliser pour créer des scripts de programme très puissants. Voici juste un simple exemple de saut automatique de page JS. Une fois le code suivant exécuté, le navigateur accédera automatiquement au site Web Black Horse Online Power. Ce code peut être placé dans n'importe quelle position légale sur la page :

<?php
/* 检测会话数据 - 文件名:index.php
 程序作用     - 检测会话数据中的密码是否为123,若不是,返回
         登录页面         */
session_start();
if($_SESSION['passwd']!='123') header("Location:login.php");
//其他代码(纯HTML代码应写在程序之后)
?>
Copier après la connexion

Ce code convient à n'importe quel environnement Web. Si vous ajoutez une minuterie, ce sera encore plus merveilleux.

Recommandations d'apprentissage associées : tutoriel vidéo HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal