gpt4 book ai didi

javascript - 如何用js动态导入css?

转载 作者:太空宇宙 更新时间:2023-11-04 10:40:27 26 4
gpt4 key购买 nike

我遇到了一些情况,所以我无法在 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。我能做些什么?有可能吗?非常感谢!

附言如果像我的例子那样拉取js,拉取后是否可以全局使用?

最佳答案

您可以通过 jQuery 插入一个链接元素,它指向您的外部 css 文件,如下所示:

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

关于javascript - 如何用js动态导入css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35842615/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com