如果禁用javascript,如何在任何X/HTML元素上提供css样式?

如果禁用javascript,如何在任何X/HTML元素上提供css样式?,javascript,css,xhtml,noscript,Javascript,Css,Xhtml,Noscript,我想从外部css文件做它。我在主css中有一个divabc,但我只想在禁用javascript时为这个div设置display none <noscript> <style type="text/css"> div#abc { display: none; } </style> </noscript> 怎么样 <noscript> <style type="text/css"> div#abc { di

我想从外部css文件做它。我在主css中有一个divabc,但我只想在禁用javascript时为这个div设置display none

<noscript>
  <style type="text/css">
  div#abc { display: none; }
  </style>
</noscript>
怎么样

<noscript>
  <style type="text/css">
  div#abc { display: none; }
  </style>
</noscript>

将要显示的元素放在noscript标记内,只有禁用javascript时才会显示。

将要显示的元素放在noscript标记内,只有禁用javascript时才会显示。

我会使div style=display:none;默认情况下,然后用javascript显示它

<div id="abc" style="display: none;">
 ...
</div>

<script type="text/javascript">
    $(function() {
        $('#abc').show();  //using jQuery
    });
</script>
这样,如果没有启用javascript,就不会显示div。我已经使用内联CSS展示了它,但是您也可以使用CSS类来实现,只需从元素中删除该类即可

 <style>
    .requires-javascript { display: none; }
 </style>

 <div id="abc" class="requires-javascript">
     ...
 </div>

 <script type="text/javascript">
     $(function(){
         $('.requires-javascript').removeClass('requires-javascript');
     });
 </script>

通过这种方式,可以对页面上需要javascript的所有元素使用一条jQuery语句。

我将使div style=display:none;默认情况下,然后用javascript显示它

<div id="abc" style="display: none;">
 ...
</div>

<script type="text/javascript">
    $(function() {
        $('#abc').show();  //using jQuery
    });
</script>
这样,如果没有启用javascript,就不会显示div。我已经使用内联CSS展示了它,但是您也可以使用CSS类来实现,只需从元素中删除该类即可

 <style>
    .requires-javascript { display: none; }
 </style>

 <div id="abc" class="requires-javascript">
     ...
 </div>

 <script type="text/javascript">
     $(function(){
         $('.requires-javascript').removeClass('requires-javascript');
     });
 </script>

通过这种方式,可以对页面上需要javascript的所有元素使用一条jQuery语句。

您可以在javascript中设置一个事件,将规则的样式从隐藏设置为不隐藏。让CSS始终将该元素设置为隐藏。如果他们关闭了javascript,它永远不会取消隐藏它,因此它会被CSS隐藏。

您可以在javascript中设置一个事件,将规则的样式从隐藏设置为取消隐藏。让CSS始终将该元素设置为隐藏。如果他们关闭了javascript,它永远不会取消隐藏它,因此它会被CSS隐藏。

CSS不依赖javascript,我认为你需要重新表述这个问题……没有意义。同时看看您的其他问题,标题!=问题。你能详细说明你到底想做什么吗?JavaScript到底与此有什么关系?CSS不依赖于JavaScript,我认为你需要重新表述这个问题…没有意义。同时看看您的其他问题,标题!=问题。你能详细说明你到底想做什么吗?JavaScript到底与此有什么关系?好吧,它也适用于head或body中的样式元素。如果你一定要验证你的页面,我建议你看看我答案的第二部分。或者你可以让JS创建元素document.write或DOM方法。这样,如果没有JS,它们甚至不在文档中。好吧,它也可以在主体中的head或style元素中工作。如果你一定要验证你的页面,我建议你看看我答案的第二部分。或者你可以让JS创建元素document.write或DOM方法。这样的话,如果没有JS,文档中根本就没有它们。是的,好主意,我认为这种方法比JS更具语义。是的,好主意,我认为这种方法比JS更具语义
<div id="abc" style="display: none;">
 ...
</div>

<script type="text/javascript">
    $(function() {
        $('#abc').show();  //using jQuery
    });
</script>