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

2024-02-25

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


有两种方法可以做到这一点:

  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>
    
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果用户在浏览器中禁用了 JavaScript,如何使用不同的 CSS 样式表? 的相关文章