在<head>之后包含CSS的正确方法

Question

在<head>之后包含CSS的正确方法

<link rel="stylesheet" ...根据W3C标准,显然添加文档正文被认为是一种不好的做法.<style>在体内添加块也一样......

那么是否有任何符合标准的解决方案可以在<head>标签之外添加CSS ？就像在文档的最后.

Answer 1

如果您只想在特定事件中包含CSS样式,那么就没有什么能阻止您这样做:

var linkElement = document.createElement("link");
linkElement.rel = "stylesheet";
linkElement.href = "path/to/file.css"; //Replace here

document.head.appendChild(linkElement);

Run Code Online (Sandbox Code Playgroud)

这具有以异步方式添加样式表的额外好处,这不会阻止浏览器下载任何其他内容.

归档时间：	13 年，3 月前
查看次数：	16311 次
最近记录：	9 年，9 月前