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>

---恢复内容结束---

当我们访问一个页面不存在的时候，就会跳到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>

转载于:https://www.cnblogs.com/small-gray/p/5011948.html

404页面 3秒后跳到首页实现相关推荐

Android 启动页面三秒后跳转主页面多种方法及动画
第一步思路假设 B页面里面一个动画或者一张图片,让app程序一进来就是这个页面过几秒在跳到主页面A. 让程序要进入那个页面先启动就在清单文件里面设置一下,如下 <in ...
需求：有一个首页，首页中有登录和注册 1. 点击注册进入注册页面。成功注册后，在页面中显示 “恭喜您，注册成功，页面内将在5秒后跳转到个人主页，点击这里立即跳转” 。进入个人主页后显示当前的时间。
1.项目所需的jar包导包:c3p0包.dbut ils包.servlet包,c3p0依赖包以及c3p0文件配置. 创建一个数据库day0914,并创建一个表user用于数据的存储. 数据库相关的包 ...
怎么用html3秒自动跳网页,HTML页面3秒后自动跳转的三种常见方法
在练习中,我分博累发口小定逻间框加题览果些屏洁动理应们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转圈件浏用是刚.它学编套互学工久不都维逻直数构过曾结里总经网屏广明果名呢? 我圈调直年情,量的单框 ...
vue跳转页面增加等待_vue实现几秒后跳转新页面代码
我就废话不多说了,大家还是直接看代码吧~ 提交 export default { data(){ return { count:"",//倒计时 } } }, mounted(){ ...
html几秒自动跳转,HTML页面3秒后自动跳转的三种常见方法
在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢? 我自己遇到问题和查找资料,总结了3个方法方法1: 最简单的一种:直接在前面里面添加代码: 复制代码代码如下: //3秒之后自动 ...
java中3秒自动跳转_HTML页面3秒后自动跳转的三种常见方法
在练习中,我们常常遇到一种问题就是,怎么实现页面N秒之后自动跳转呢? 我自己遇到问题和查找资料,总结了3个方法方法1: 最简单的一种:直接在前面里面添加代码: 复制代码代码如下: //3秒之后自动 ...
织梦会员登录PHP,DEDECMS会员登录后跳转首页的简单实现方法
DEDECMS会员登录后跳转首页的简单实现方法互联网发布时间:2009-06-06 15:06:24 作者:jb51 我要评论关键字描述:简单实现方法首页会员登录 & ...
html session 登录页面跳转页面跳转页面,session失效后跳转到登陆页面
一.编写Filter拦截器类 package com.pv.utils; import java.io.IOException; import java.io.PrintWriter; import ...
php多少秒后跳转_php等待几秒后跳转
php等待几秒后跳转一.PHP脚本控制跳转方式,通过改写HTTP头信息来进行跳转 a)header refresh方式:<?php header("refresh:5;url=htt ...

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

404页面 3秒后跳到首页实现相关推荐

最新文章

热门文章

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

404页面 3秒后跳到首页 实现相关推荐

最新文章

热门文章

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

404页面 3秒后跳到首页实现相关推荐