怎么在html頁面中實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
創(chuàng)新互聯(lián)主要從事網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)興隆臺(tái),10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220
html的全稱為超文本標(biāo)記語言,它是一種標(biāo)記語言,包含了一系列標(biāo)簽.通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一,使分散的Internet資源連接為一個(gè)邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說明文字,圖形、動(dòng)畫、聲音、表格、鏈接等,主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。
html頁面實(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,打開此Web頁時(shí)系統(tǒng)將根據(jù)content規(guī)定的值在一定時(shí)間內(nèi)跳轉(zhuǎn)到相應(yīng)頁面,content="秒數(shù);url=網(wǎng)址"就是定義了過多長時(shí)間跳轉(zhuǎn)到指定的網(wǎng)址。以下meta標(biāo)簽告訴系統(tǒng)一秒鐘后頁面自動(dòng)跳轉(zhuǎn)到黑馬在線動(dòng)力。
以上代碼需要加在HTTP文檔首部中,介于<head>與</head>之間,通常,meta標(biāo)簽是緊跟在<head>之后。若需要有多個(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,即令頁面轉(zhuǎn)向其他指定的網(wǎng)頁。以下例子,執(zhí)行后將自動(dòng)打開黑馬在線動(dòng)力首頁。
必須注意,header函數(shù)只能用在頁面代碼中的<html>標(biāo)簽之前,亦即,HTTP首部尚未有其他任何標(biāo)頭(<head>)傳送給瀏覽器之前,而且,此前頁面也不能print或echo任何內(nèi)容。換句話說,在頁面的<html>出現(xiàn)前,程序只單純地處理header事件。盡管有如此嚴(yán)格的要求,靈活地使用它,仍然可以達(dá)成頁面的自動(dòng)跳轉(zhuǎn)功能,比如登錄頁面,通過判斷用戶提交的數(shù)據(jù)是否合法來決定頁面跳轉(zhuǎn)到何處。以下給出一個(gè)簡(jiǎn)單的例子:
<?php /* 登錄程序 - 文件名:login.php 程序作用 - 判斷用戶登錄口令 */ if($_POST['Submit']) { session_start(); if($_POST['pws']=='123') { //若密碼為 123 $_SESSION['passwd']='123'; //寫入會(huì)話數(shù)據(jù) header("Location:index.php"); //跳轉(zhuǎn)到正常頁面 }else{ header("Location:login.php"); //跳轉(zhuǎn)到登錄頁面 } } //表單代碼略(也可以用純html代碼寫表單,若如此,代碼應(yīng)放在程序之后 ?>
<?php /* 檢測(cè)會(huì)話數(shù)據(jù) - 文件名:index.php 程序作用 - 檢測(cè)會(huì)話數(shù)據(jù)中的密碼是否為123,若不是,返回 登錄頁面 */ session_start(); if($_SESSION['passwd']!='123') header("Location:login.php"); //其他代碼(純HTML代碼應(yīng)寫在程序之后) ?>
此法顯然只能用于支持php的空間環(huán)境。
方法三:使用JavaScript
JS非常靈活,利用它可以做出功能非常強(qiáng)大的程序腳本,這里僅舉一個(gè)簡(jiǎn)單的頁面自動(dòng)跳轉(zhuǎn)的JS例子。以下代碼執(zhí)行后瀏覽器將自動(dòng)轉(zhuǎn)到黑馬在線動(dòng)力網(wǎng)站,該代碼可放在頁面中的任何合法的位置:
<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)的支持。
網(wǎng)站標(biāo)題:怎么在html頁面中實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)
分享地址:http://jinyejixie.com/article14/pggdde.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、App開發(fā)、手機(jī)網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、ChatGPT、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)