首頁 > web前端 > 前端問答 > html怎麼進行頁面跳轉(重定向)

html怎麼進行頁面跳轉(重定向)

青灯夜游
發布: 2023-01-03 09:27:01
原創
5457 人瀏覽過

方法:1.用meta標籤,語法「 」;2、用A標籤,語法「< ;a href="網址">”;3、使用“location.href=網址”。

html怎麼進行頁面跳轉(重定向)

本教學操作環境:windows7系統、CSS3&&HTML5&&ECMAScript 5版、Dell G3電腦。

HTML網址跳轉的解釋

HTML網址跳轉,就是透過一個網址跳到另一個網址中去,例如你需要在利用輸入A網址的情況下,開啟的是B網址的網站,那麼A網址到B網址之間的跳轉就是網址跳轉。 (此方法也常用於網站的404頁)

HTML中meta跳轉

在HTML頁中,可以使用meta標籤進入頁面的跳轉,此方法可以控制跳轉的時間,以及自由化的定義跳轉的網址

html跳轉程式碼如下

 <meta http-equiv="refresh" content="5;url=//m.sbmmt.com">
登入後複製

程式碼解釋

看上在的程式碼,meta標籤中有一個content屬性,表示開啟此頁面後,多少秒後開啟跳躍。還有URL屬性,表示跳轉的網址

HTML中A標籤跳轉

HTML中的A標籤也可以看做為頁面跳躍的一種,只是透過滑鼠點擊的方式進入跳轉

html A標籤跳轉程式碼如下

<a href="//m.sbmmt.com">PHP中文网</a>
登入後複製

【推薦教學:《html影片教學》】

javascript程式碼跳轉

在網頁利用jjs也可以實現頁面的跳轉或定時跳轉

JS跳轉程式碼如下

<script language="javascript" type="text/javascript">   
    // 以下方式直接跳转  
    //PHP中文网
    window.location.href = &#39;//m.sbmmt.com/&#39;;
    // 五秒以后再跳转
    setTimeout("javascript:location.href=&#39;//m.sbmmt.com&#39;", 5000);   
</script>
登入後複製

更多程式相關知識,請造訪:程式設計影片! !

以上是html怎麼進行頁面跳轉(重定向)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板