zoukankan      html  css  js  c++  java
  • 404页面 3秒后跳到首页 实现

    当我们访问一个页面不存在的时候,就会跳到404页面

    一般网站都在在404页面中做一个处理,

    就是当用户3秒种内还没有任何操作的话,就会自动跳转到其它页面

    技术实现有两种方法

    1. 在404页面中的header间加上

    <meta http-equiv=”refresh” content=”3;url=http://你跳转的网站”>

    2. 用户JS实现location

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK">
    <title>404 Not Found</title>
    </head>
    <body>
     <h1>找不到指定的页面</h1>
     <span id="totalSecond">3</span>秒后自动返回
    </body>
    <script language="javascript" type="text/javascript">
    <!--
        var second = document.getElementById('totalSecond').textContent;
        if (navigator.appName.indexOf("Explorer") > -1)  //判断是IE浏览器还是Firefox浏览器,采用相应措施取得秒数
        {
            second = document.getElementById('totalSecond').innerText;
        } else
        {
            second = document.getElementById('totalSecond').textContent;
        }
        setInterval("redirect()", 1000);  //每1秒钟调用redirect()方法一次
        function redirect()
        {
            if (second < 0)
            {
                location.href = 'http://要跳转的网站';
            } else
            {
                if (navigator.appName.indexOf("Explorer") > -1)
                {
                    document.getElementById('totalSecond').innerText = second--;
                } else
                {
                    document.getElementById('totalSecond').textContent = second--;
                }
            }
        }
    -->
    </script>
    </html>
  • 相关阅读:
    拦截器-监听器-过滤器的区别
    实例Rest风格+SpringMVC+中文乱码解决
    Nginx功能详细介绍(大而全)
    Nginx应⽤场景之反向代理
    SpringMVC参数传递之日期类型
    SpringMVC请求参数绑定回顾
    数据输出机制之Model、Map及ModelMap回顾
    ReactHook快速上车
    Chrome性能调优技巧
    移动端适配的最佳实践
  • 原文地址:https://www.cnblogs.com/k1two2/p/4993524.html
Copyright © 2011-2022 走看看