Javascript 用js延迟加载css
如果我使用类似这样的东西来延迟加载一些css文件,是否可以向其中添加2个css文件,或者只能加载1个Javascript 用js延迟加载css,javascript,css,lazy-loading,Javascript,Css,Lazy Loading,如果我使用类似这样的东西来延迟加载一些css文件,是否可以向其中添加2个css文件,或者只能加载1个 <script> var cb = function() { var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'yourCSSfile.css'; var h = document.getEle
<script>
var cb = function() {
var l = document.createElement('link');
l.rel = 'stylesheet';
l.href = 'yourCSSfile.css';
var h = document.getElementsByTagName('head')[0];
h.parentNode.insertBefore(l, h);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) {
raf(cb)
} else {
window.addEventListener('load', cb);
}
</script>
谢谢,你将如何使用我发布的确切代码?谢谢,你将如何使用我发布的确切代码?
function loadCss(filename) {
var l = document.createElement('link');
l.rel = 'stylesheet';
l.href = filename
var h = document.getElementsByTagName('head')[0];
h.parentNode.insertBefore(l, h);
}
function cb() {
loadCss('yourCSSfile.css');
loadCss('yourCSSfile2.css');
}
window.addEventListener('load', cb);