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

Posted 2020-09-12 就看运气了

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

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