html頁面如何實現自動跳轉

html頁面實現自動跳轉的方法：1、使用meta標籤，負責提供文件的元資訊；2、使用header函數，可以重定向URL；3、使用JavaScript，可以做出功能非常強大的程序腳本。

本教學操作環境：windows7系統、html5版，DELL G3電腦。

html頁面實作自動跳轉的方法：

方法一：使用meta標籤

meta標籤是html不可或缺少的標籤之一，它負責提供文件的元信息，其參數主要有：

    ① http-equiv： 與文件中資料相關的HTTP文件首部

    ② content： 與命名HTTP首部相關的資料

    ③ name：  文件說明

    ④ url：  與元資訊連結的URL

當我們定義屬性http-equiv為refresh，開啟此Web頁時系統將根據content規定的值在一定時間內跳到對應頁面，content="秒數;url=網址"就是定義了過多長時間跳到指定的網址。以下meta標籤告訴系統一秒鐘後頁面自動跳到黑馬線上動力。

以上程式碼需要加在HTTP文檔首部中，介於93f0f5c25f18dab9d176bd4f6de5d30e與9c3bca370b5104690d9ef395f2c5f8d1之間，通常，meta標籤是緊接在93f0f5c25f18dab9d176bd4f6de5d30e之後。若需要有多個meta標籤，它們可以各佔一行。

此法通用於任何環境，包含靜態的網站空間。

方法二：使用header函數

header函數是PHP內建函數中的HTTP相關函數之一，該函數送出HTTP協定標頭到瀏覽器。使用它可以重定向URL，即令頁面轉向其他指定的網頁。以下例子，執行後將自動開啟黑馬線上動力首頁。

必須注意，header函數只能用在頁面程式碼中的100db36a723c770d327fc0aef2ce13b1標籤之前，亦即，HTTP首部尚未有其他任何標頭（93f0f5c25f18dab9d176bd4f6de5d30e）傳送給瀏覽器之前，而且，先前頁面也不能print或echo任何內容。換句話說，在頁面的100db36a723c770d327fc0aef2ce13b1出現前，程式只單純地處理header事件。儘管有如此嚴格的要求，靈活地使用它，仍然可以達成頁面的自動跳轉功能，例如登錄頁面，透過判斷用戶提交的資料是否合法來決定頁面跳到何處。以下給出一個簡單的例子：

＜?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的空間環境。

方法三：使用JavaScript

JS非常靈活，利用它可以做出非常強大的程式腳本，這裡僅舉一個簡單的頁面自動跳轉的JS例子。以下程式碼執行後瀏覽器將自動前往黑馬線上動力網站，該程式碼可放在頁面中的任何合法的位置：

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

此程式碼適用於任何Web環境。若加入定時器，將更加妙不可言。

相關學習推薦：html影片教學

#

以上是html頁面如何實現自動跳轉的詳細內容。更多資訊請關注PHP中文網其他相關文章！