Question

正在寻找在我的应用程序中加载css文件异步的一些方法。目前我有一个占位符，允许用户插入一些额外的头部中的html通常保留用于元标记之类的东西。如果我在<head>中放置这样的脚本，它会将文件加载为异步，还是会在发出请求时阻止渲染。

<script>~function (document) {
  var elem = document.createElement('link');
  var head = document.getElementsByTagName('head')[0];
  elem.rel = 'stylesheet';
  elem.href = 'http://fonts.googleapis.com/css?family=Cardo:700|Merriweather:400italic,400,700';
  elem.media = 'only x';
  head.appendChild(elem);
  setTimeout(function () {
    elem.media = 'all';
  });
}(document);</script>

脚本可以加载css文件异步

0 个答案: