當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > DIV+CSS > html如何定義頁(yè)面的跳轉(zhuǎn)

html如何定義頁(yè)面的跳轉(zhuǎn)

2012/11/14 16:32:34作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

html如何定義頁(yè)面的跳轉(zhuǎn)

使用<meta>標(biāo)記可以使網(wǎng)頁(yè)在經(jīng)過(guò)一定時(shí)間后自動(dòng)刷新,這可以通過(guò)將http-equiv屬性值設(shè)置為refresh來(lái)實(shí)現(xiàn)。content屬性值可以設(shè)置為更新時(shí)間。

【基本語(yǔ)法】

<meta http-equiv="refresh" content="跳轉(zhuǎn)時(shí)間;URL=跳轉(zhuǎn)到的地址">

【語(yǔ)法介紹】

refresh出現(xiàn)在http-equiv屬性中,使用content屬性表示刷新或跳轉(zhuǎn)的開(kāi)始時(shí)間與跳轉(zhuǎn)的網(wǎng)址。默認(rèn)情況下,跳轉(zhuǎn)時(shí)間以秒為單位。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="refresh" content="5;url=indexl.html">

<title>定義頁(yè)面的跳轉(zhuǎn)</title>

<head>

<body>

5秒后自動(dòng)跳轉(zhuǎn) </body> </html>

【代碼分析】

在代碼中,加粗部分的標(biāo)記是設(shè)置網(wǎng)頁(yè)的定時(shí)跳轉(zhuǎn),這里設(shè)置為5秒后跳轉(zhuǎn)到indexl.html頁(yè)面。在瀏覽器中預(yù)覽可以看出,跳轉(zhuǎn)前如圖所示,跳轉(zhuǎn)后如圖所示。

                                                跳轉(zhuǎn)前

定義頁(yè)面的跳轉(zhuǎn)運(yùn)行效果

                                             跳轉(zhuǎn)后

定義頁(yè)面的跳轉(zhuǎn)運(yùn)行效果

【素材及源碼下載】

請(qǐng)點(diǎn)擊:定義頁(yè)面的跳轉(zhuǎn) 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽: html  跳轉(zhuǎn)