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

Question

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

Answer 1

两种方式:

1. 使用 JavaScript 附加 JavaScript-only 样式表:

   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>