如何使用js动态导入CSS？

Question

我有一些条件，所以我无法在HTML中加载一些CSS，JS。 因此，我决定使用$.get()动态拉动。 但是，我测试了js情况，但是对于css则没有任何线索。

接下来是从远程CDN动态提取和执行js 。

拉并执行https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js'>

是否可以从远程获取其他javascript文件？

<pre>
    <code class='java'>
        System.out.println("It's done!");
    </code>
</pre>

<script>
    const highlightCDN = 'http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/highlight.min.js';
    $(function(){
        $.get(highlightCDN, function(data){
            console.log('done!');
            eval(data);
        }).done(function(){
            $('pre code').each(function(i, block){
                console.log(i);
                hljs.highlightBlock(block);
            });
        });
    });
</script>

但是，我不能在css上使用eval 。 我能做什么？ 可能吗 非常感谢！

PS：如果像我的示例一样提取js ，提取此代码后是否可以在全局使用它？

Answer 1

您可以通过jQuery插入一个link元素，该元素指向您的外部CSS文件，如下所示：

$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', 'external-css-stylesheet-url-goes-here'));