JavaScript实现备案不关站，非工作时间还能正常显示

最近在迁移泪雪网的备案，需要转移备案主体，常规的方法就是注销备案使用新的主体重新备案，但是又不想影响网站的正常访问和业务，为此我又升级了一下解决方案。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/40347.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/40347.html

首先还是需要将网站转移到境外的服务器上，这样才能保证在注销域名备案的时候网站能够正常被打开，我为了网站打开速度还是优选了香港的云服务器，由于我们网站本身就做了数据库分离，所以只需要将 WordPress 文件复制到新的服务器即可，甚至就连数据库配置文件都不需要修改，不过数据库的服务器需要放行新服务器的 IP 就能正常运行了，实现全程无缝衔接。（不过由于泪雪网的图片采用的是 Nginx 反向代理，所以当时造成了一些短暂的无法访问图片的情况）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/40347.html

那么就来看看这次我用的 JavaScript 来实现备案不关站的一个升级方法，其中可以根据域名来判断只在首页生效，以及不对搜索蜘蛛抓取做渲染，同时还可以自定义显示的时间周期，大家可以根据代码修改。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/40347.html

<script>
//纯 JavaScript 原生方式
if(window.location.href=='https://www.leixue.com/'&&!navigator.userAgent.toLowerCase().match(RegExp(/spider|bot/i))){//域名根据自己实际域名修改即可
	var Hours = (new Date()).getHours();
	if (Hours >= 8 && Hours <= 18){//早上八点到下午六点显示，其余时间不会显示，可以根据自己需求修改
		document.body.insertAdjacentHTML('beforeEnd','<div style="position: fixed;text-align:center;padding-top: 20%;line-height:26px;background: #fff;top: 0;left: 0;right: 0;height: 100%;z-index: 999;font-size:26px;">网站关闭备案中</div>');
	}
}
</script>

<script>
//jQuery 方式
if(window.location.href=='https://www.leixue.com/'&&!navigator.userAgent.toLowerCase().match(RegExp(/spider|bot/i))){
	var Hours = (new Date()).getHours();
	if (Hours >= 8 && Hours <= 18){
		$('body').append('<div style="position: fixed;text-align:center;padding-top: 20%;line-height:26px;background: #fff;top: 0;left: 0;right: 0;height: 100%;z-index: 999;font-size:26px;">网站关闭备案中</div>');
	}
}
</script>

以上就是子凡给大家提供了两段代码，一个是原生 js 方式，不依赖 jQuery 第三方库，第二种就是需要页面有加载 jQuery 的方式，但其实大差不差的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/40347.html

使用方法就是根据自己适合的需求选择一段代码复制到你当前网站首页的底部，或者 WordPress 主题的 footer.php 文件中，以及网站引入的 js 中都可以，但是以上的代码中根据自己网站域名填写，以上只是使用我们的泪雪网作为演示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/40347.html

提示：以上代码内容适合网站初次备案，若是备案修改或者便于备案审查，可能还需要添加网站名称，备案号及链接。不过也可以参考子凡之前的那篇文章也可以。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/40347.html

泪雪博客文章源自菜鸟学院-https://www.cainiaoxueyuan.com/wg/40347.html