怎么在html頁面中實現自動跳轉？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

創新互聯主要從事網站設計制作、網站設計、網頁設計、企業做網站、公司建網站等業務。立足成都服務興隆臺,10年網站建設經驗,價格優惠、服務專業,歡迎來電咨詢建站服務:028-86922220

html是什么

html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優雅的前端網頁。

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

方法一：使用meta標簽

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

① http-equiv： 與 文檔中數據相關的HTTP文件首部

② content： 與命名HTTP首部相關的數據

③ name：  文檔描述

④ url：  與元信息相聯系的URL

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

以上代碼需要加在HTTP文檔首部中，介于與之間，通常，meta標簽是緊跟在之后。若需要有多個meta標簽，它們可以各占一行。

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

方法二：使用header函數

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

必須注意，header函數只能用在頁面代碼中的標簽之前，亦即，HTTP首部尚未有其他任何標頭（）傳送給瀏覽器之前，而且，此前頁面也不能print或echo任何內容。換句話說，在頁面的出現前，程序只單純地處理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＞

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創新互聯行業資訊頻道，感謝您對創新互聯的支持。