Question

我可以异步jss：

<script type="text/javascript">
    (function() {
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'http://www.gbilet.com/bundles/js?v=Yur37nohu3520qcbUHF9UVZYqsXFf5BzamwK0bJ0zjE1';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    })();
</script>

我怎么会喜欢CS？

Answer 1

<script>标签支持async属性以执行异步加载（否则所有脚本将阻止页面呈现，直到它们完全加载为止）

<style>标记根本不支持async属性，但是您可以在每个CSS样式表包含的内容中使用以下语法对其进行仿真

<link rel="preload" href="mystyles.css" as="style" onload="this.rel='stylesheet'">

Answer 2

// create a link tag
var link = document.createElement( "link" );
link.rel = "stylesheet";
link.href = "main.css";

然后调用插入此链接标记的异步函数。

如何使CSS文件异步？

2 个答案: