2015-05-09 151 views
0

如果我使用这样的事情来延迟加载我的一些CSS文件,是否可以添加2个CSS文件或它只能加载1?懒惰加载CSS与js

<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> 

回答

4
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); 

http://jsfiddle.net/vs9wLjvp/

+0

谢谢你,你会怎么用确切的代码我张贴寿办呢? – Techagesite