启用Javascript提示

Question

我有一个包含很多内容的页面。如果禁用JavaScript，页面可能会显示自定义错误消息。除了提示消息之外，页面不得显示任何其他内容。我发布了一个图像，这与我的意思是错误提示类似。我有一个错误提示，脑子里有一些图像..

我怎样才能做到这一点？

Answer 1

你的问题不是很清楚，但我认为你想做的是：

当用户未启用JS时显示错误消息。

如果是这样，您可以在页面上添加带有白色背景的叠加层，并在其上显示错误消息。

在页面的head部分，您可以添加（非常非常简单的示例）：

<script>
  // js code to remove the message
</script>

如果我不明白你的问题，请说出来。

Answer 2

一般的想法是，你会把你的消息HTML（没有理由使用图像，文本可以正常工作）在这样的noscript标签中：

<noscript>You must enable Javascript in order to use this site.</noscript>

如果您希望noscript HTML隐藏/隐藏整个页面的其余部分，那么您需要确保整个页面占用的内容并且位于顶部。你可以这样做：

<noscript>
    <div id="noscript" style="position: absolute; top: 0; left: 0; background-color: #FFF; z-index: 999; height: 100%; width: 100%; text-align: center; padding-top: 50px;">
    You must enable Javascript in order to use this site.
    </div>
</noscript>

这是一个显示noscript div如何工作的jsFiddle。小提琴不包括实际的<noscript>标签，因为如果没有JS，小提琴将不起作用，但它会向您展示绝对定位的div如何阻止所有其他内容。向下滚动小提琴的HTML区域以查看noscript div HTML（就像我已经复制到这篇文章中一样）。