Question

仅在支持JS的浏览器的HTML页面中包含CSS文件的最佳实践方法是什么？我听说非常不鼓励使用document.write。

<head>
  <!-- Other head stuff here -->
  <script>document.write('<link rel="stylesheet" href="assets/stylesheets/layout_js-only.css">');</script>
</head>

Answer 1

这样的解决方案会是您正在寻找的： Use some CSS only if user has JavaScript enabled

基本上，在“noJS”的body标签上设置一个类。然后使用Javascript删除该类。

Answer 2

绝对是don't use document.write。您可以通过创建新元素并将其附加到document.write来执行与<head>相同的工作。

var stylesheet = document.createElement('link');
stylesheet.rel = 'stylesheet';
stylesheet.href = 'assets/stylesheets/layout_js-only.css';
document.querySelector('head').appendChild(stylesheet);

我还建议将此代码放在<body>中，以确保正确加载<head>。

为支持JS的浏览器包含CSS的最佳方法是什么？

2 个答案: