Question

我的网站通常可以看到按钮。如果javascript被禁用，那么我想隐藏用户的那个按钮。我尝试使用以下代码：

<noscript>
 <style>
   .cart-opt{display:none;}
 </style>
  <br>
 <div class="panel callout radius"> <h5>Please Enable Javascript</h5></div>
</noscript>
<div class="cart-opt opt-btns"> <!-- BUTTONS HERE SHOULD BE SHOWN WITH JS ENABLED--> </div>

这不起作用。尽管<style>标记包含在<noscript>标记中，但即使启用了JS，它仍然会被读取并隐藏按钮。

如何编写样式以便除非禁用JS，否则不会读取<style>标记？

注意：我使用的是HTML 5.

Answer 1

这不是另类解决方案吗？

<noscript>
 <div class="panel callout radius"> <h5>Please Enable Javascript</h5></div>
 <div style="display:none">
</noscript>

<div class="cart-opt opt-btns"> <!-- BUTTONS HERE --> </div>

<noscript>
  </div>
</noscript>

Answer 2

您可以使用<noscript>来包装按钮，也可以最初隐藏按钮（使用CSS），然后使用JavaScript显示它。在没有JavaScript的情况下，按钮不会显示

另外，在<noscript>内留下标题通知（提示用户使用JS）。

Answer 3

让他们最初被班级隐藏。

<style>.jscriptenabled{display:none;}</style>

然后，如果允许JavaScript，它们将变得可见！

<script>
document.write('<style> .jscriptenabled{display:inherit;} </style>');
</script>`

禁用JS时隐藏内容的样式

3 个答案: