JavaScript元素type属性达到预加载但不执行的效果


我们经常使用动态创建 JavaScript 的方式来实现 JavaScript 文件的无阻塞(Non-blocking)、并行下载(Parallel )。其实还可以添加自定义的 type 属性(比如 text/cache),达到预加载但不执行的效果:

var doc = document,
    el = doc.createElement("script"),
    head = doc.getElementsByTagName('head')[0];
    el.src = "http://yui.yahooapis.com/2.8.2r1/build/yahoo-dom-event/yahoo-dom-event.js";
    el.type = "text/cache";
    head.insertBefore(el, head.firstChild);

注:Firefox 3.6.x 不请求 JavaScript 文件。

扩展阅读:

  • 《Preload CSS/JavaScript without execution》
  • 《Preloading JS and CSS as Print Stylesheets》

 


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3