将样式表加载到头部的替代方法

Question

当我们尝试动态加载样式表时，有人能告诉我将样式表加载到头部的替代方法吗？我该怎么办？

Answer 1

您可以动态加载它们。请参阅here。

Answer 2

有不同的实现（你可以谷歌，＃34;动态加载css＆＃34;，但基本原理是相同的：使用JavaScript，你创建一个link元素，给它适当的属性，并将其附加到头部。

以下是一个简单的例子：
http://otaqui.com/blog/1263/simple-script-to-load-css-from-javascript/

var head = document.getElementsByTagName('head')[0],
link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = url;
head.appendChild(link);

<小时/> 这是一个更复杂但更强大的示例，取自yepnope库 https://github.com/SlexAxton/yepnope.js/blob/master/plugins/yepnope.css.js

此解决方案允许回调（加载CSS后，执行此操作...）

Answer 3

另一种选择是使用jquery，试试这个：

$('head').append('<link rel="stylesheet" type="text/css" href="style.css">'); 

希望它有所帮助：）