html meta标签实现页面跳转

最新推荐文章于 2023-12-17 21:49:50 发布

weixin_30437481

最新推荐文章于 2023-12-17 21:49:50 发布

阅读量281

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ycg-myblog/p/10280572.html

本文介绍了一种利用HTML的meta标签实现页面自动刷新和跳转的方法，通过设置http-equiv属性为refresh，可以指定页面在一定时间后自动跳转到另一个URL。此技术常用于页面重定向或更新通知。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

refresh用于刷新与跳转(重定向)页面
refresh出现在http-equiv属性中，使用content属性表示刷新或跳转的开始时间与跳转的网址

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="5;url=http://www.w3school.com.cn">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function () {
            var i = 4;
            var tim = document.getElementById("timers");
            var timer = setInterval(function () {
                if (i == -1) {
//                    window.location.href="http://blog.youkuaiyun.com/kill_bugs";
                    clearInterval(timer);
                } else {
                    tim.innerHTML = i;
                    --i;
                }
            }, 1000);

        }
    </script>
</head>
<body>
<p>
    对不起。我们已经搬家了。您的 URL 是 <a href="http://www.w3school.com.cn">http://www.w3school.com.cn</a>
</p>

<p>您将在 <span class="timeShow" id="timers">5</span> 秒内被重定向到新的地址。</p>

<p>如果超过 5 秒后您仍然看到本消息，请点击上面的链接。</p>
</body>
</html>

转载于:https://www.cnblogs.com/ycg-myblog/p/10280572.html