如果启用了javascript,则显示div。一定有!重要的

如果启用了javascript,则显示div。一定有!重要的,javascript,css,Javascript,Css,我的主页上有一个特色滑块,如果禁用javascript,我会将其完全隐藏。我有一个脚本,如果启用了javascript,它将显示特色滑块 document.write('<style type="text/css">#JQuerySlider1Container{ display: block !important;}</style>'); 但它不适用于!重要的。 有人有解决这个问题的简单方法吗?使用JS添加CSS不是一个好做法。您应该将HTML、JS和CSS完

我的主页上有一个特色滑块,如果禁用javascript,我会将其完全隐藏。我有一个脚本,如果启用了javascript,它将显示特色滑块

    document.write('<style type="text/css">#JQuerySlider1Container{ display: block !important;}</style>');
但它不适用于!重要的。
有人有解决这个问题的简单方法吗?

使用JS添加CSS不是一个好做法。您应该将HTML、JS和CSS完全分开

使用JS显示/隐藏内容的方法默认情况下是使用CSS隐藏要隐藏的对象,例如:

#JQuerySlider1Container {display:none;}
在JS中,使用以下方法向主体添加一个类:

$(function() {
    $('body').addClass('has-js');
}); 
然后,您可以编写特定的CSS规则,知道您已启用JS,例如:

.has-js #JQuerySlider1Container {display:block;}

为什么要使用
document.write
来编写常量?只需直接编写样式元素。那是有效的。!“重要信息”不是内联样式中的有效语法。内联样式总是“更重要”的rest@chumkiu例如我过去常这么想,但那不是真的。一个足够具体的
!重要信息
通过样式应用的规则可以优先于内联样式:,
!重要提示:,@T.J.Crowder uops,
在内联样式中有效。。。我现在明白了,你是对的。我不知道。感谢我隐藏滑块的唯一原因是,如果禁用javascript,该div会在主页上留下一个很大的缺口,我还有另一个与原来的滑块非常相似的功能。这就是方法。根据您网站的复杂性,您可能会从使用中受益,这将为您解决这一问题,并提供其他有用的
,以帮助根据浏览器的功能设置页面样式。您是一个救生员。非常感谢。
.has-js #JQuerySlider1Container {display:block;}