404页面 3秒后跳到首页 实现

简介: 当我们访问一个页面不存在的时候,就会跳到404页面 一般网站都在在404页面中做一个处理, 就是当用户3秒种内还没有任何操作的话,就会自动跳转到其它页面 技术实现有两种方法 1. 在404页面中的header间加上 2.

当我们访问一个页面不存在的时候,就会跳到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>
相关文章
|
存储 前端开发 JavaScript
ElementUI之首页导航与左侧菜单
ElementUI之首页导航与左侧菜单
66 0
|
1月前
|
数据采集 搜索推荐 UED
什么是404页面
404页面,也被称为“未找到页面”,是当用户尝试访问一个不存在的网页时,服务器返回的一个错误页面。这个页面告诉用户他们请求的页面不存在或无法找到,通常是因为输入了错误的链接或请求的页面已被删除或移动
|
5月前
|
搜索推荐
discuz未登录情况下首页tdk显示“首页”
discuz未登录情况下首页tdk显示“首页”
29 1
discuz未登录情况下首页tdk显示“首页”
|
5月前
|
JSON 前端开发 JavaScript
8.ElementUI之首页导航+左侧菜单
8.ElementUI之首页导航+左侧菜单
49 0
|
6月前
|
JavaScript
首页功能的实现
首页功能的实现。
40 1
|
6月前
404页面自动跳转源码
404页面自动跳转源码
122 10
|
11月前
|
JSON 前端开发 测试技术
ElementUI之首页导航+左侧菜单
ElementUI之首页导航+左侧菜单
79 0
|
前端开发
关于ElementUI之首页导航与左侧菜单实现
关于ElementUI之首页导航与左侧菜单实现
99 0
|
前端开发 开发者
首页-轮播图 |学习笔记
快速学习 首页-轮播图
首页-轮播图  |学习笔记