简单地说,我想在 web page 上加载 bootstrap css 文件。在互联网上(不是在我的网站上),在浏览器控制台中使用 Javascript 对其进行一些自定义。
我尝试使用 jQuery 从 CDN 加载 Bootstrap ,如下所示:
$("head").append("<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' type='text/css' />");
执行此操作时,我收到此错误消息:
我应该怎么做才能成功加载到页面?
最佳答案
从 js 的 Angular 来看,你的方法是正确的。您尝试从其他站点加载脚本,但由于您已通过内容安全策略 (CSP) 对此进行了限制,因此无法加载。检查您的 CSP 元标记。
我建议您阅读更多相关内容in this MDN article.
要简单地允许所有仅用于测试是否仍然出现错误,您可以使用以下命令:
<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline' 'unsafe-eval'">
检查this answer详细说明该标签的工作原理
顺便说一句,这对我有用:
function loadCss(filename) {
var cssNode = document.createElement("link");
cssNode.setAttribute("rel", "stylesheet");
cssNode.setAttribute("type", "text/css");
cssNode.setAttribute("href", filename);
document.getElementsByTagName("head")[0].appendChild(cssNode);
}
loadCss("//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css")
关于javascript - 如何使用 Javascript 从 CDN 加载外部 css 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45980072/