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

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备17018604号-1  鄂公网安备42060702000030号