首頁 > web前端 > html教學 > html如何實現頁面跳轉

html如何實現頁面跳轉

奋力向前
發布: 2023-01-07 11:47:31
原創
55721 人瀏覽過

跳到方法:1.使用「文字」;2、使用「」;3、使用「window.location.href = '網址';」。

html如何實現頁面跳轉

本教學操作環境:windows7系統、html5版,DELL G3電腦。

實作頁面跳轉的方法

#1、HTML中A標籤跳轉

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

A標籤跳轉程式碼如下

<a href="http://www.feiniaomy.com"></a>
登入後複製

2、meta標籤頁面跳轉

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

html跳轉程式碼如下

<meta http-equiv="refresh" content="5;url=https://www.feiniaomy.com">
登入後複製

程式碼示圖

html如何實現頁面跳轉

程式碼解釋

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

3、javascript程式碼跳轉

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

JS跳轉程式碼如下

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

程式碼示圖

html如何實現頁面跳轉

推薦學習:Html影片教學

以上是html如何實現頁面跳轉的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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