如果浏览器中未启用javascript,则显示消息

Question

我正在寻找一个解决方案,向我的网站访问者显示一条信息消息,如果他没有启用javascript.我尝试使用div中的消息,默认情况下可见但在启动时立即被jQuery函数隐藏.问题是,该消息在短时间内可见(直到它被隐藏),这是非常恼人的.

如果没有启用JS,还有其他方法来显示消息吗？

谢谢,康拉德

Answer 1

使用noscript标签:

<noscript>

  <div class="awesome-fancy-styling">
    This site requires JavaScript. I will only be visible if you have it disabled.
  </div>
  ...
</noscript>

请参阅https://developer.mozilla.org/en/HTML/Element/noscript.

Answer 2

您可以使用noscript，如果用户禁用了javascript，这些标记内将显示什么。

如果要在用户未启用JavaScript的情况下隐藏其他内容，则可以执行以下操作（使用jquery）：

<style type="text/css">
    .example {
        display: none;
    }
</style>

<script type="text/javascript">
    $(document).ready(function(){
        $('.example').show();
    });
</script>

<div class="example">
    <p>...</p>
</div>

<noscript>
    <p>You must have javascript enabled for the example div to show!</p>
</noscript>

仅当用户启用了javascript时，才会显示内容。