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

lifaming15

于 2012-03-27 21:57:08 发布

阅读量501

点赞数

文章标签： javascript parallel firefox 扩展 css

本文介绍了一种通过自定义type属性来实现JavaScript文件预加载但不执行的方法，同时阐述了如何实现JavaScript文件的无阻塞、并行下载，特别提及了Firefox3.6.x对JavaScript文件请求的特性。

我们经常使用动态创建 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》