禁用Javascript/JQuery时加载备用CSS
我已经做了很多搜索,还没有找到解决我问题的方法禁用Javascript/JQuery时加载备用CSS,javascript,jquery,css,Javascript,Jquery,Css,我已经做了很多搜索,还没有找到解决我问题的方法 我想做的是,为一个网站提供两个CSS样式表。一个用于启用javascript或jQuery时的样式表,一个用于禁用时的样式表。我该怎么做呢?使用以下方法: <noscript> <link type="text/css" href="noscript.css" rel="stylesheet" /> </noscript> <noscript> <link rel="stylesheet"
我想做的是,为一个网站提供两个CSS样式表。一个用于启用javascript或jQuery时的样式表,一个用于禁用时的样式表。我该怎么做呢?使用以下方法:
<noscript>
<link type="text/css" href="noscript.css" rel="stylesheet" />
</noscript>
<noscript>
<link rel="stylesheet" type="text/css" href="myStyles.css">
</noscript>
希望这有帮助
编辑
对于启用JS的情况,只需使用JS创建
标记。(document.write(…);
)您的第二个样式表可以覆盖第一个样式表中的任何内容。在此之后,只需在
标记中包含第二个,如下所示:
<noscript>
<link type="text/css" href="noscript.css" rel="stylesheet" />
</noscript>
<noscript>
<link rel="stylesheet" type="text/css" href="myStyles.css">
</noscript>
我建议不要使用document.write()
,因为这样会在加载脚本时不必要地延迟样式设置,从而导致用户延迟更长的时间。