我可以将我的主页用于带有条件弹出窗口 div 的 404 页面吗?

Question

我只是在htaccess中做了以下操作：

ErrorDocument 404 http://www.website.com

我的第一个问题是，我可以这样做吗？

如果有任何 SEO/等，将 404 重定向到主页让我知道。

第二个问题：

问题是我有一个单页网站，我想保持这种状态。

我想做的是显示一个弹出窗口div作为 404 页面的替代方案。

所以基本上 404

被重定向到主页，然后弹出一个弹出窗口，其中包含任何 404 消息。

如何触发弹出窗口？jquery代码以某种方式必须知道用户由于404而最终来到这里。这甚至可行吗？

（我可以管理弹出窗口本身，但如何告诉它之后显示发生 404。

Answer 1

可以将查询字符串添加到用作 404 页面的 URL。

.htaccess

ErrorDocument 404 http://www.website.com?page=fourOhFour

然后，检查变量是否设置为正确的值，如果是，则在javascript中创建一个变量。

Javascript/PHP

<script>
  is404 = "<?php echo $_GET['page'] ?>";
  if (is404 === "fourOhFour"){
    // jQuery popup code here
  }
</script>

Answer 2

扩展克里斯赫伯特的答案。

仅使用 JS：

<script>
  var is404 = location.href.search(/(?|&)page=fourOhFour(&|$)/g) =! -1;
  if ( is404 ) {
      // jQuery popup code here
  }
</script>

Answer 3

谢谢大家，非常有义务。

我最终的做法略有不同。为了有用起见，我将在此处发布它。

HTACCESS：

 ErrorDocument 404 http://www.website.com/#404-not-found

JQUERY：

 if (window.location.hash == '#404-not-found') {
 setTimeout(function () { 
 $("#pageNotFound").slideDown(2222, 'easeOutBounce'); 
 }, 2888);  //delay
 }

所以现在每当出现 404 错误时，一个不错的div 就会滑下来。