如果禁用javascript,如何在任何X/HTML元素上提供css样式?
我想从外部css文件做它。我在主css中有一个divabc,但我只想在禁用javascript时为这个div设置display none如果禁用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
<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>