服务器维护网站维护数据维护系统安全配置
专业定制网站企业建站一条龙、软件定制开发、系统集成
稳定虚机备案一条龙，稳定快捷通道
服务理念诚信守诺客户至上专业精神专心贯注

利用Image对象和link标签预加载js文件

作者：黑客防线网安JS教程网来源：黑客防线网安JS教程网浏览次数：0

本篇关键词：Image link

黑客防线网安网讯：为了实现让js尽可能快的下载，而又不马上执行，想到了这么一个方法：先想方设法提前加载资源，在需要使用的时候再利用<script>标签引入资源。

理想总是美好的，本来以为通过这种方式能够很好地解决js下载和执行时间过长的问题，特别是js执行过程中，会阻塞页面其他一切资源的下载以及页面的渲染，没想到效果并不如意，在IE中，使用link标签提前下载资源，貌似会阻塞其他资源的下载。

[2012-05-13]利用Steve Souders的 ControlJS 实现js文件预加载

/*******************************************************************************  ControlJS - a JavaScript module for loading scripts faster.    - home page: http://stevesouders.com/controljs/    - code project: http://code.google.com/p/controljs/    - discussion list: http://groups.google.com/group/controljs  *******************************************************************************/  // Download a script as an image.  // This puts it in the browser's cache, but doesn't execute it.  CJS.downloadScriptImage = function(url) {          var img = new Image();          img.onload = function() { CJS.onloadCallback(url); };          img.onerror = function() { CJS.onloadCallback(url); }; // Chrome does onerror (not onload).          img.src = url;  };  // Download a script as an object.  // This puts it in the browser's cache, but doesn't execute it.  // Based on http://www.phpied.com/preload-cssjavascript-without-execution/  CJS.downloadScriptObject = function(url) {          if ( "undefined" === typeof(document.body) || ! document.body ) {                  // we need body for appending objects                  setTimeout("CJS.downloadScriptObject('" + url + "')", 50);                  return;          }          var obj = document.createElement('object');          obj.data = url;          obj.width  = 0;          obj.height = 0;          obj.onload = function() { CJS.onloadCallback(url); };          obj.onerror = function() { CJS.onloadCallback(url); };          //CJS.dprint("downloadScriptObject: appending " + url);          document.body.appendChild(obj);  };

提示:可以修改后运行.

原理差不多，但是利用object对象加载js文件，确实会比link强多了。

黑客防线网安服务器维护方案本篇连接：http://www.rongsen.com.cn/show-19630-1.html

网站维护教程更新时间:2013-01-21 06:22:15 【打印此页】【关闭】