【问题标题】:Load alternate CSS when Javascript/JQuery is disabled禁用 Javascript/JQuery 时加载备用 CSS
【发布时间】:2010-11-19 08:26:44
【问题描述】:

我一直在进行大量搜索,但还没有找到解决问题的方法。

我想要做的是为一个网站提供两个 CSS 样式表。启用 javascript 或 jQuery 时的样式表,禁用时的样式表。我该怎么做呢?

【问题讨论】:

    标签: javascript jquery css


    【解决方案1】:

    使用这样的东西:

    <noscript>
    <link type="text/css" href="noscript.css" rel="stylesheet" />
    </noscript>
    

    希望这会有所帮助!

    编辑

    当启用 JS 时,只需使用 JS 创建 &lt;link&gt; 标签即可。 (document.write(...);)

    【讨论】:

    • 我建议 反对 document.write() 因为这会在加载脚本 then 样式时不必要地延迟样式,从而导致更长的延迟用户。
    【解决方案2】:

    您的第二个样式表可以覆盖第一个样式表中的任何内容。过去(之后),只需将第二个包含在 &lt;noscript&gt; 标记内,如下所示:

    <noscript>
      <link rel="stylesheet" type="text/css" href="myStyles.css">
    </noscript>
    

    【讨论】:

      猜你喜欢
      • 2013-11-12
      • 2023-03-05
      • 1970-01-01
      • 2014-01-23
      • 1970-01-01
      • 2014-04-08
      • 2012-04-24
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多