css链接标记的async=true
css链接标记的async=true
提问于 2014-06-04 00:26:05
在HTML5中，可以通过async=true异步加载脚本标记
<script src="index.js" type="text/javascript" async="true"></script>CSS资源有没有等价物？类似于：
<link rel="stylesheet" type="text/css" async="true" href="style.css">其基本原理是让浏览器加载css，并缓存它，以供以后的请求使用，但让其余的进程解除阻塞。比如在闪屏上。
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-06-04 00:38:42
我认为这是行不通的。
但我们可以使用JS来实现：
var resource = document.createElement('link');
resource.setAttribute("rel", "stylesheet");
resource.setAttribute("href","path/to/cssfile.css");
resource.setAttribute("type","text/css");
var head = document.getElementsByTagName('head')[0];
head.appendChild(resource);我认为它会实现你想要做的事情。
如果你不想要javascript，可以看看：How to load CSS asynchronously without using JavaScript?
希望能有所帮助。
Stack Overflow用户
发布于 2019-06-18 22:37:40
加载css而不显示阻塞
<link rel="preload" media="(min-width:801px)" href="styledesk.css" as="style">
<link rel="stylesheet" media="(min-width:801px)" href="styledesk.css">更多信息请点击此处：https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content
Stack Overflow用户
发布于 2019-05-22 22:08:44
您对使用jQuery的解决方案有何看法？
jQuery('head').append('<link rel="stylesheet" type="text/css" href="path/to/cssfile.css" />');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24020254
复制相关文章
相似问题