我知道您可以在页面的顶部放置样式表，但是我喜欢将它们放在单独的文件中。现在，我正在使用单页应用程序。
在SPA中，内容是动态的，对吗？所以我不想使用链接标签导入头部的所有样式表。我可以在需要时以某种方式导入样式表吗？
我的意思是，我可以在正文中建立一个链接，以便每当我的SPA加载一些动态内容时，样式表也会被加载吗？这样，即使没有加载动态内容，我也不必加载所有样式表。
我再次强调：每当内容加载时，样式即加载。
我知道我可以借助这样的内联样式来做到这一点：
~PSEUDO CODE
<tagname style="somestyle"></tagname>
但是我也可以导入一些动态文件吗？我也可以link在体内贴上标签吗？即使有效，这是标准的吗？
您应该研究如何异步加载资产，例如著名的google-analytics代码。您可以使用Javascript加载外部样式表。
的JavaScript
(function(){
var styles = document.createElement('link');
styles.rel = 'stylesheet';
styles.type = 'text/css';
styles.media = 'screen';
styles.href = 'path/to/css/file';
document.getElementsByTagName('head')[0].appendChild(styles);
})();
第1行和第7行为变量创建了新作用域，以使局部变量不会与全局作用域变量发生冲突或覆盖。不一定只是最佳实践。此解决方案还假定您<head>的html中有一个标记。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句