網頁自動跳轉/定時跳轉/重新導向功能的設定

標籤：其他   指南   使用者控制   style   功能   接下來   地址   重新整理   一點   

　　在一些情況下，我們會希望自己的某條連結開啟之後自動跳轉到另一個頁面去，比如：

情景1：原有連結所指網站停用，訪問使用者被重新導向到其他替代網頁；

情景2：設定歡迎頁面，訂單提交成功頁等資訊展示頁面，延時跳轉到接下來的邏輯頁面；

情景3：希望發送自己網域名稱的地址顯示他人的頁面；

情景4：用於頁面的定時重新整理；

等等

　　HTML在head中的mate標籤提供了自動跳轉的方式，設定非常簡單

<meta http-equiv="refresh" content="延時時間（s）;url=http://目標地址">

　　 比如希望迅速跳轉到部落格園首頁

<meta http-equiv="refresh" content="0.1;url=https://www.cnblogs.com/">

　　 如果希望歡迎頁面延時跳轉到首頁，把content的值設定的大一點就行了。

 

　　所有主流瀏覽器都支援 http-equiv 屬性。

　　refresh更多應用於一些需要定時重新整理頁面的網頁，如聊天室之類。

　　應該謹慎使用，因為它會使得頁面不受使用者控制。在 W3C‘s Web 內容可訪問性指南 中使用 "refresh" 會到導致失敗。

網頁自動跳轉/定時跳轉/重新導向功能的設定