怎么在html頁(yè)面中實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

創(chuàng)新互聯(lián)主要從事網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)興隆臺(tái),10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢建站服務(wù):028-86922220

html是什么

html的全稱(chēng)為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言，包含了一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說(shuō)明文字，圖形、動(dòng)畫(huà)、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。

html頁(yè)面實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)的方法：

方法一：使用meta標(biāo)簽

meta標(biāo)簽是html不可或缺的標(biāo)簽之一，它負(fù)責(zé)提供文檔的元信息，其參數(shù)主要有：

① http-equiv： 與 文檔中數(shù)據(jù)相關(guān)的HTTP文件首部

② content： 與命名HTTP首部相關(guān)的數(shù)據(jù)

③ name：  文檔描述

④ url：  與元信息相聯(lián)系的URL

當(dāng)我們定義屬性http-equiv為refresh，打開(kāi)此Web頁(yè)時(shí)系統(tǒng)將根據(jù)content規(guī)定的值在一定時(shí)間內(nèi)跳轉(zhuǎn)到相應(yīng)頁(yè)面，content="秒數(shù);url=網(wǎng)址"就是定義了過(guò)多長(zhǎng)時(shí)間跳轉(zhuǎn)到指定的網(wǎng)址。以下meta標(biāo)簽告訴系統(tǒng)一秒鐘后頁(yè)面自動(dòng)跳轉(zhuǎn)到黑馬在線動(dòng)力。

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

此法通用于任何環(huán)境，包含靜態(tài)的網(wǎng)站空間。

方法二：使用header函數(shù)

header函數(shù)是PHP內(nèi)置函數(shù)中的HTTP相關(guān)函數(shù)之一，該函數(shù)送出HTTP協(xié)議標(biāo)頭到瀏覽器。使用它可以重定向URL，即令頁(yè)面轉(zhuǎn)向其他指定的網(wǎng)頁(yè)。以下例子，執(zhí)行后將自動(dòng)打開(kāi)黑馬在線動(dòng)力首頁(yè)。

必須注意，header函數(shù)只能用在頁(yè)面代碼中的標(biāo)簽之前，亦即，HTTP首部尚未有其他任何標(biāo)頭（）傳送給瀏覽器之前，而且，此前頁(yè)面也不能print或echo任何內(nèi)容。換句話說(shuō)，在頁(yè)面的出現(xiàn)前，程序只單純地處理header事件。盡管有如此嚴(yán)格的要求，靈活地使用它，仍然可以達(dá)成頁(yè)面的自動(dòng)跳轉(zhuǎn)功能，比如登錄頁(yè)面，通過(guò)判斷用戶提交的數(shù)據(jù)是否合法來(lái)決定頁(yè)面跳轉(zhuǎn)到何處。以下給出一個(gè)簡(jiǎn)單的例子：

＜?php
/* 登錄程序 - 文件名：login.php
 程序作用 - 判斷用戶登錄口令 */
if(＄_POST['Submit']) {
   session_start();
   if(＄_POST['pws']=='123') { //若密碼為 123
      ＄_SESSION['passwd']='123'; //寫(xiě)入會(huì)話數(shù)據(jù)
      header("Location:index.php"); //跳轉(zhuǎn)到正常頁(yè)面
   }else{
      header("Location:login.php"); //跳轉(zhuǎn)到登錄頁(yè)面
   }
}
//表單代碼略（也可以用純html代碼寫(xiě)表單，若如此，代碼應(yīng)放在程序之后
?＞

＜?php
/* 檢測(cè)會(huì)話數(shù)據(jù) - 文件名：index.php
 程序作用     - 檢測(cè)會(huì)話數(shù)據(jù)中的密碼是否為123，若不是，返回
         登錄頁(yè)面         */
session_start();
if(＄_SESSION['passwd']!='123') header("Location:login.php");
//其他代碼（純HTML代碼應(yīng)寫(xiě)在程序之后）
?＞

此法顯然只能用于支持php的空間環(huán)境。

方法三：使用JavaScript

JS非常靈活，利用它可以做出功能非常強(qiáng)大的程序腳本，這里僅舉一個(gè)簡(jiǎn)單的頁(yè)面自動(dòng)跳轉(zhuǎn)的JS例子。以下代碼執(zhí)行后瀏覽器將自動(dòng)轉(zhuǎn)到黑馬在線動(dòng)力網(wǎng)站，該代碼可放在頁(yè)面中的任何合法的位置：

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

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。