正在寻找在我的应用程序中加载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>