HTMLページの自動ジャンプを実現する方法

HTML ページの自動リダイレクトの方法: 1. ドキュメントのメタ情報を提供するメタ タグを使用します; 2. ヘッダー関数を使用して URL をリダイレクトします; 3. JavaScript を使用して非常に強力な関数プログラム スクリプトです。

#このチュートリアルの動作環境: Windows7 システム、html5 バージョン、DELL G3 コンピューター。

HTML ページの自動ジャンプを実現する方法:

方法 1: メタ タグを使用する

メタ タグは HTML ではありません欠落しているタグの 1 つであり、ドキュメントのメタ情報を提供する役割を果たします。そのパラメータは主に次のとおりです:

① http-equiv: ドキュメント内のデータに関連する HTTP ファイル ヘッダー

② content: および HTTP ヘッダーに関連するデータの名前を指定します。

③ name: ドキュメントの説明

④ url: メタ情報に関連付けられた URL

属性を定義する場合、http- equiv as refresh, open この Web ページの場合、システムはコンテンツで指定された値に基づいて、一定の時間内に対応するページにジャンプします。Content="秒;url=website" は、そのページにジャンプするのにかかる時間を定義します。指定されたURL。次のメタ タグは、ページが 1 秒後に自動的に Dark Horse Online Power にジャンプすることをシステムに伝えます。

上記のコードは、HTTP ドキュメントのヘッダーの と の間に追加する必要があります。通常、メタ タグは の後に続きます。複数のメタ タグが必要な場合は、それぞれが独自の行を占有することができます。

この方法は、静的な Web サイト スペースを含むあらゆる環境に適用できます。

方法 2: header 関数を使用する

header 関数は、PHP の組み込み関数の HTTP 関連関数の 1 つで、HTTP プロトコル ヘッダーを送信します。ブラウザに。これを使用して URL をリダイレクトします。つまり、ページは他の指定された Web ページにリダイレクトされます。次の例では、実行後に Dark Horse Online Power のホームページが自動的に開きます。

header 関数は、ページ コードの タグの前、つまり HTTP ヘッダー内の他のヘッダー () が送信される前にのみ使用できることに注意してください。ブラウザに送信すると、前のページはコンテンツを印刷またはエコーできませんでした。言い換えれば、プログラムはページの が表示される前にヘッダー イベントを処理するだけです。このような厳しい要件にもかかわらず、柔軟に使用すれば、ログインページなどのページの自動ジャンプ機能を実現し、ユーザーが送信したデータが合法であるかどうかを判断してページのどこにジャンプするかを決定することができます。簡単な例を以下に示します。

＜?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代码应写在程序之后）
?＞

このメソッドは、明らかに、PHP をサポートする宇宙環境でのみ使用できます。

方法 3: JavaScript の使用

JS は非常に柔軟で、非常に強力なプログラム スクリプトの作成に使用できます。ここでは、自動的にジャンプする単純なページを示します。JS の例。次のコードが実行されると、ブラウザは自動的に Black Horse Online Power Web サイトに移動します。このコードは、ページ上の任意の正当な位置に配置できます:

＜script language="javascript" type="text/javascript"＞
    window.location.href("http://www.gxblk.com");
＜/script＞

このコードは、あらゆる Web 環境に適しています。タイマーを付ければさらに素敵になります。

関連する学習に関する推奨事項: html ビデオ チュートリアル

以上がHTMLページの自動ジャンプを実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。