css - 如何在正文中正确加载样式表？

Question

我知道我可以把 <link>标记在正文中，显然它有效，但我知道它不是“有效”的 html，我想避免像 firefox 这样严格的浏览器出现问题，如果官方规范中没有定义，它会忽略网页设计师期望的每一种行为。

那么有没有一些官方方法可以在 html 的正文区域加载样式表？

Answer 1

您可以在头部动态添加您的 css，如下所示:

js代码:

var head = document.getElementsByTagName("head")[0],
    cssLink = document.createElement("link");

cssLink.href = "path/to/filenam.css";
cssLink.id="dynamic-css";
cssLink.media="screen";
cssLink.type="text/css";

head.appendChild(cssLink);