前端页面自动跳转、重定向和定时刷新的几种常用方法

JS 重定向

window.location.href = "http://www.johnhan.cn/"
// 或
window.location = "http://www.johnhan.cn/"

JS 定时跳转

// 3 秒后跳转到 http://www.johnhan.cn/
setTimeout(function () {
  window.location.href = "http://www.johnhan.cn/"
  // 或
  window.location = "http://www.johnhan.cn/"
}, 3000)

JS 定时刷新

// 每隔 3 秒刷新一次页面
setTimeout(function (){
  window.location.reload()
}, 3000)

meta 定时刷新

<head>
  <!-- 每隔 3 秒刷新一次页面 -->
  <meta http-equiv="refresh" content="3">
</head>

meta 重定向

<head>
  <meta http-equiv="refresh" content="0;url=http://www.johnhan.cn/">
</head>

meta 定时跳转

<head>
  <!-- 3 秒后跳转到 http://www.johnhan.cn/ -->
  <meta http-equiv="refresh" content="3;url=http://www.johnhan.cn/">
</head>
除特殊说明外本人博客均属原创,转载请注明出处:http://blog.johnhan.cn/blog_1044.html
京ICP备19044523号-1