用JS代码实现隐藏网页内容只显示404错误

今天在浏览一个网页的时候，发现一个很有趣的问题。这个网站的站长多少熟悉一点儿，知道站长朋友自始至终没有放弃网站建设，但是很奇怪的是网站打开之后是404错误，也就是只展示一个错误页面，你以为的404错误页面是这样

其实他所展示的404错误页面是这样

那真的是连装都不装了，至少你给朋友们美化一下啊，没有，就是这么直接。后来经过群里朋友解释，才发现这个页面，其实就是货真价实的浏览者浏览网页出现的界面，也就是给人看的，网页内部的内容，也就是HTML代码不显示的内容，才是给搜索引擎的蜘蛛看的。用站长工具查了一下，果然

想了想以前还是没有流量，半年的时间已经有了流量，果然有猫腻啊。经过一番折腾，在他的网站jQuery文件之中，发现如下代码：

1
2
3
4
5
6
7
8
9
10
11
setTimeout(function () {
  document.writeln("<div class='t1'>");
  document.writeln("	<h1>404 Not Found</h1>");
  document.writeln("</div>");
  document.writeln("<div class='t2'>");
  document.writeln("	<div class='t2-t'>");
  document.writeln("	<p>The requested URL was not found on this server.</p>");
  document.writeln("	<p>您要找的内容已被删除</p>");
  document.writeln("	</div>");
  document.writeln("</div>");
});

这就是把网页中内容隐藏掉，然后只显示404错误页面的代码，显示的代码是给浏览者看的，但是HTML里面的代码是给搜索引擎的蜘蛛看的，果然高明的很，在这里做个纪念，方便以后我自己也能用到。

使用的方法也很简单，就是放在网站的jQuery文件之中，或者单独保存为JS文件进行调用，不过需要结合jQuery文件使用。好了，感谢大家来到老刘博客，希望浏览完内容之后，能够帮助到您。