溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
怎么在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文檔首部中，介于<head>與</head>之間，通常，meta標簽是緊跟在<head>之后。若需要有多個meta標簽，它們可以各占一行。
此法通用于任何環境，包含靜態的網站空間。
方法二：使用header函數
header函數是PHP內置函數中的HTTP相關函數之一，該函數送出HTTP協議標頭到瀏覽器。使用它可以重定向URL，即令頁面轉向其他指定的網頁。以下例子，執行后將自動打開黑馬在線動力首頁。
必須注意，header函數只能用在頁面代碼中的<html>標簽之前，亦即，HTTP首部尚未有其他任何標頭（<head>）傳送給瀏覽器之前，而且，此前頁面也不能print或echo任何內容。換句話說，在頁面的<html>出現前，程序只單純地處理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＞看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
