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，则只显示内容。

Answer 3

您可以使用＆＃39;＆＃39;并提供您想要的错误消息。

    <html>
    <body>

    <script language="javascript" type="text/javascript">
    <!--
        document.write("Hello World!")
     //-->
    </script>

    <noscript>
     Sorry...JavaScript is needed to go ahead.
    </noscript>

    </body>
    </html>

Answer 4

我已尝试使用noscript和无为我工作的几个选项。

我最终使用了：

<p align=center id=js_disabled_message>
    x.com requires JavaScript Enabled <br> <a href="https://www.enable-javascript.com/">www.enable-javascript.com</a>
</p>
<script>
    document.getElementById('js_disabled_message').style.display = 'none';
</script>

如果p已启用，则会隐藏js标记，。
它是一种检测JavaScript是否已启用的opossite逻辑，但它适用于所有浏览器。

SRC

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

4 个答案: