首页 > 代码库 > 网页自动跳转/定时跳转/重定向功能的设置

网页自动跳转/定时跳转/重定向功能的设置

  在一些情况下,我们会希望自己的某条链接打开之后自动跳转到另一个页面去,比如:

情景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" 会到导致失败。

网页自动跳转/定时跳转/重定向功能的设置