1

我正在创建一个嵌入式第三方 Javascript，它需要在页面上注入一些样式标记。我知道如何向 DOM 添加样式规则（而不是简单地设置单个元素的样式）的最简单方法是：

var l = document.createElement('link');
l.rel = 'stylesheet';
l.media = 'screen';
l.href = 'http://server/stylesheet.css';
document.body.appendChild(l);

我知道有一个 document.styleSheets API，但它似乎相当复杂，而且我不确定在我的项目游戏的这一点上是否值得我学习它的性能提升。我要避免的是额外的 HTTP GET 获取http://server/stylesheet.css。因此，除非我使 DOM 样式表 API 成为某种凶猛的恶霸，否则有没有其他方法可以避免额外的网络攻击？

只是有什么：

var iH = '' +
         '.sel.ect + or {' +
             'property: rule;' +
         '}';
var s = document.createElement('style');
    s.innerHTML = iH;
document.body.appendChild(s);

除了 CSS 的不可维护性之外，还有什么注意事项吗？我想它会给我的 JS 文件增加一些额外的膨胀，以一种有点违背目的的方式，尽管我可以用 Vim 缩小我的 CSS 并使其成为一个长而难以理解的字符串文字而无需连接。

SO对此有什么要说的？还是我应该把它吸起来并学习样式表 API？

4

0 回答 0