jquery - $.getScript，但对于 jQuery 中的样式表？

Question

是否有 $.getScript 等价于 jQuery，但用于加载样式表？

Answer 1

CSS 不是脚本，因此您不必在脚本执行的意义上“执行”它。

基本上是一个<link>即时创建并附加到标题的标签应该足够了，比如

$('<link/>', {
   rel: 'stylesheet',
   type: 'text/css',
   href: 'path_to_the.css'
}).appendTo('head');

或

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

如果你想在没有 jQuery 的情况下做到这一点。

浏览器将响应 DOM 中的更改并相应地更新您的页面布局。

---

编辑:

我读到旧的 Internet Explorer 对此有问题，您可能需要像回答中那样做才能使其工作:

https://stackoverflow.com/a/2685639/618206

---

EDIT2:

读取文件内容并将其内联(在 <style> 标记之间)也是一个有效的解决方案，但这样 CSS 将不会被浏览器缓存。