公益的响应式的404页面代码
作者：互联网
404状态码是一种HTTP状态码，通俗的讲就是当用户输入了错误的链接时显示的页面。网上虽然有很多花哨的HTML代码，但个人觉得404页面不宜太花哨，首先必须给用户准确地、直观地传达一个意思：这个页面不存在或已被删除了。而不是进入以后感觉不对，半天才反应过来：噢！原来我的网址有误或者页面已经被网站删除了。
来自域名公益的404页即是一个友好的、公益性的404提示页面，它主要以寻找走失的孩子为题材，样式直观简洁明了，兼顾电脑和移动端甚至中英双语，毕竟现在是移动时代，404页面支持友好的移动展示效果是非常有必要的，如果访问者客户端语言非中文，将会以英文提示，那么对国外访问者也挺友好的。
目前域名公益的404页面已经上线宝塔面板第三方插件市场两年多，已经超过12万个站点使用，安全性和稳定性应该是没问题的，需要的站长可以直接在宝塔第三方插件市场免费安装，当然你也可以自己动手安装：在你目前的404页面插入一句JS代码即可，并且各个参数可自定义，至于不同web服务器如何配置404页面请自行百度。
先贴代码：
<!DOCTYPE html>
<meta charset="utf-8"/>
<script src="//cdn.dnpw.org/404/v1.min.js" maincolor="#F00" tips="" error="" jumptime="-1" jumptarget="/" charset="utf-8"></script>
<script>
function diy(){
// your js code here
}
</script>
<!--
欢迎加入404公益，使用说明如下：
src：加载资源域名，递增可能有其他样式；
maincolor: 主题色调或高亮色，可配合您站点主色进行配置；
jumptime: 自动跳转时间，单位秒，-1为手动点击跳转；
jumptarget：自动跳转目标网址，默认 / 网站首页；
tips: 页面短提示，客户端语言为中文默认为“错误提示”，其他为“Oops!”；
error：页面长提示，客户端语言为中文默认为“该页面找不到或已被删除”，其他为“The page was not found”；
function diy()}内可以写入自己的javascript代码，用于如修改页面元素等，会在页面加载完成后立即执行；
你还可以新增CSS代码并利用!important特性，覆盖页面样式；
项目主页:
https://www.dnpw.org/404
-->分别有4个样式，可替换加载资源v1.min.js ~ v4.min.js，依次效果如下图：
支持自动深色模式，请自行体验，还是放图一张吧！
标签：插件,代码,公益,js,404,页面 来源： https://blog.csdn.net/QQ1580045/article/details/121302235