如果用户在浏览器中禁用了 JavaScript，如何使用不同的 CSS 样式表？

Question

我正在为某人开发一个网站，我使用的 CSS 样式需要 JavaScript（用于小屏幕上用于下拉导航栏的按钮）。如果用户启用了 JavaScript，我如何使用一个样式表，或者如果禁用 JavaScript，我如何使用另一个样式表。

Answer 1

有两种方法可以做到：

1. 使用 JavaScript 附加纯 JavaScript 样式表：

   function appendStyle(url) {
     var sheet = document.createElement("link");
     sheet.setAttribute("href", url);
     sheet.setAttribute("rel", "stylesheet");
     sheet.setAttribute("type", "text/css");
     document.head.appendChild(sheet);
   }
   

2. 如果您不介意为 JS 加载 CSS 并且只想覆盖站点的默认外观，则可以改用noscript标签：

   <noscript>
     <link href="your/no-js/stylesheet.here.css" type="text/css" rel="stylesheet">
   </noscript>