html - 加载css而不导入它

Question

我想知道，是否有任何约定允许在不使用 a 或从该页面的情况下使用页面的样式link表import？

Answer 1

是的，style页面中的标签（最好在 中head）：

<style>

    /* CSS declarations here */

</style>

Answer 2

好的，这是我能想到的最简单的东西：

var style = document.createElement('style');
    style.innerHTML = '#element{color:red}';
document.getElementsByTagName('head')[0].appendChild(style);

这将动态地创建一个样式元素并附加到头部。当然，如果你想使用 addRule 之类的 CSSOM 方法，你可以做得更好。

http://jsfiddle.net/ekmyR/

Answer 3

有一种方法仍然可以使用链接，但不能直接从页面中使用。

您可以将其放在应与页面一起加载的外部 javascript 文件中（使用 jQuery）：

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

希望能帮助到你！