从JavaScript内存加载样式表而不是使用AJAX或<link />

时间:2015-08-14 03:37:22

标签: javascript jquery css ajax requirejs

我正在使用RequireJS的插件,它允许您将CSS和JS一起加载到前端。

现在,问题是,我不知道如何在不使用使用AJAX从服务器检索样式表的链接标记的情况下将样式表附加到文档。

define(['css!my_stylesheet_path',function(sss){

 //how do I apply the stylesheet 'sss' to the document?  <<<<

});

如您所见,在我的RequireJS模块中,我使用css插件加载了一个CSS文件:https://github.com/guybedford/require-css

有没有人知道如何直接将此样式表应用于文档?我假设如果我使用href属性,它将在服务器上搜索样式表,而不是使用我手头的样式表。

从这个链接*看起来我可以这样做:

var sheet = document.createElement('style')
sheet.innerHTML = "div {border: 2px solid black; background-color: blue;}";
document.body.appendChild(sheet);

现在,那里有些狗屎。

* http://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript

0 个答案:

没有答案