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


  在一些情況下,我們會希望自己的某條鏈接打開之后自動跳轉到另一個頁面去,比如:

情景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" 會到導致失敗。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM