自定义404页面跳转代码，支持自定义跳转时间及自定义跳转网址

2023年08月08日 19:16:13 来源：心里有数-实操笔记

今天在开发模板的时候，一个没注意不小心删除了一个代码，网站文章页面和标签页报错，出现了404页面，才注意到原来我的网站404页面还是默认的404页面。

对于用户体验和用户效果不体友好，所以下午特别的抽时间出来重写了一个404页面代码出来。

自定义404页面跳转代码具体代码如下：

{* Template Name:404错误页 *}
<html>
<head>
<title>404错误页</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="refresh" content="0;url=/" />
</head>
<body>
<style>
body{font-size:12px;background:#fafafa;font-family:"Lantinghei SC","Helvetica Neue","Microsoft YaHei","WenQuanYi Micro Hei","Heiti SC","Segoe UI",Arial,sans-serif}
body,h1,h2,h3,h4,h5,p,ul,li{padding:0;margin:0;list-style:none}
.kaicz_404{padding-top:80px;padding-bottom:112px}
.container{width:1170px}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.kaicz_404 img{display:block;margin:auto}
.kaicz_404 h2{font-size:32px;color:#333333;text-align:center;letter-spacing:5px;padding-top:33px;padding-bottom:25px}
.kaicz_404 p{font-size:14px;color:#666666;letter-spacing:1px;text-align:center;padding-bottom:35px}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn_blue{display:inline-block;height:56px;line-height:56px;text-align:center;border-radius:3px;background:#0052d0;color:#fff;letter-spacing:5px;border:0;font-size:18px;padding:0;text-decoration:none;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-property:background;transition-property:background}
.kaicz_404 a{display:block;margin:auto;width:220px;height:56px}
</style>
</head>
<body>
<div class="kaicz_404 container">
<img src="{$host}zb_users/plugin/Page404/static/img/404.gif">
<h2>抱歉，您访问的页面出错了</h2>
<p>5秒后，我将自动回到网站首页</p>
<a href="{$host}" class="btn btn-primary btn_blue">返回主页</a>
</div>
</body>
</html>

这套404页面有几个特点，全部支持自定义控制。

特点：

1、自定义404页面跳转代码。

2、支持自定义跳转时间。

3、自定义跳转网址。

本文标题：自定义404页面跳转代码，支持自定义跳转时间及自定义跳转网址(http://www.tianwenhai.com/p84.html)

标签：

心里有数-实操笔记相关文章

CRM客户关系管理系统报错问题汇总（FACRM）

2024/04/09心里有数-实操笔记热度(34)

facrmCRM客户关系管理系统报错问题:1、“网络请求出错”主要是因为redis队列问题。“网络请求出错”解决方法如下：1、安装php7.4以上版本的php版本，然后安装扩展“redis”，如下图：2、安装redis队列软件，如下图：...
AI智能名片系统

2024/03/03心里有数-实操笔记热度(49)

AI智能名片系统功能特性一、人脉1、创建名片默认推送到人脉，可通过名片行业标签、职位、姓名搜索名片，快速获取销售线索；2、管理员可在后台设置是否推荐名片二、创建名片可在小程序端快速创建名片，可设置名片电话号码、微信号、二维码、推送到人脉等三、创建微官网可在小程序端快速创建微官网、企业图片、企业文字描述等四、创建产品可在小程序端快速创建产品，不限制数量五、创建案例可在小程序端快速创建成功案例，不限制数量六、创建相册可在小程序端快速创建相册...
企业网站开发：iframe嵌入自适应模板，使电脑与移动手机端都正常显示方法（插入优酷视频为例）

2024/02/02心里有数-实操笔记热度(50)

iframe嵌入自适应模板，使电脑与移动手机端都正常显示方法（插入优酷视频为例）iframe嵌入通用代码，在PC上显示正常，但是在手机端的尺寸有问题，视频太宽以至于显示不全！问题原因：如上图，通用代码里默认使用了height=498width=510的高和宽固定尺寸，这时候视频的尺寸优先执行iframe里的高宽，导致PC正常，手机端视频溢出！解决办法：首先，使用通用代码的时候，复制代码后，要去除代码中的高宽属性，直接删除height=...
企业网站开发：通用自适应幻灯片、轮播图代码

2024/02/02心里有数-实操笔记热度(42)

来源：https://www.swiper.com.cn/demo/index.html1、分页器轮播图代码<!DOCTYPE html> <html lang="en"> <head> <meta&nbs...
H5如何实现唤起APP兼容版，h5跳转app打开或者下载解决方案

2024/01/13心里有数-实操笔记热度(104)

场景1：在h5页面上，不管用户是否安装过该app，都直接跳转到应用市场，让用户从应用市场上打开app。思路：这种场景处理比较简单，直接判断判断是android端还是ios端，然后在点击按钮上赋值对应终端的应用市场下载链接就可以了，在微信上打开h5页面时也不用另外处理。跳转之前，系统会默认弹出对话框问是否跳转。下图以ios端打开淘宝为例：safari内打开h5页面微信内打开h5页面具体实现：<!DOCTYPE ht...
企业网站开发：引用第三方ico小图标方法

2024/01/12心里有数-实操笔记热度(48)

将要引用的第三方ico小图标CDN资源地址放在网页头部head内，如下代码：<link href="//cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />然后打开网址：https://www.thinkcmf.com/font/search/...
企业网站开发：网站防扒技巧

2023/12/30心里有数-实操笔记热度(60)

经常我们会发现，我们辛苦搞出来的网站，被别人看上了，扒拉了代码。所以我们就得用到防扒技巧。下面分享的这个方法相当的硬核，当浏览器判断到有人通过F12或者审查元素的行为，浏览器将自动执行关闭当前窗口的行为，并跳转置空白页。具体代码如下：<script type="text/javascript"> //判断F12审查元素 ...
企业网站开发：热门文章、随机文章、随机标签、热评文章通用代码

2023/12/17心里有数-实操笔记热度(144)

方法一：在include.php中添加，注意修改主题idfunction 主题ID_GetArticleCategorys($Rows,$CategoryID,$hassubcate){global $zbp;$ids = strpos($CategoryID,',') !== false ? explode(',',...
开纸质发票的实操教程

2023/12/15心里有数-实操笔记热度(83)

...
AI文章自动化推广系统：首尾段落模版

2023/12/14心里有数-实操笔记热度(73)

在AI自动化生成的过程中，经常需要让AI生成不同的文章开头和结尾，所以就需要给AI文章自动化推广系统内置很多不同的首尾段落模版，便于AI应用，为此特别整理了以下参考模版。模板一：最近很多客户问{输入关键词}，以及{联想词}，所以今天给各位分享{输入关键词}的知识，其中也会对{联想词}进行解释，如果能碰巧解决你现在面临的问题，希望可以对你有所帮助，现在开始吧！模板二：{输入关键词}推荐田文海博客，田文海(tianwenhia.com)专注...
AI文章自动化推广系统：文本过滤清洗词库

2023/12/14心里有数-实操笔记热度(76)

现在各大平台都开始在打击AI自动化推广系统生成的AI内容了，所以为了更好的提升AI自动化的推广优化效果，特别更新了这个“文本过滤清洗词库”：首先，<=>然而，<=>本文，<=>总结，<=>总结：<=>总结归纳，<=>概述，<=>其次，<=>首先，<=>最后，<=>因此，<=...
WPS打印时固定表头指定行出现在每页如何设置

2023/12/08心里有数-实操笔记热度(134)

WPS打印时固定表头指定行出现在每页如何设置您可以点击程序上方“页面布局-打印标题”操作打印。...