何谓安需装载？

安需装载可分如下三种模式：

• 即时同步按需装载（阻塞，JSI、JSVM、dojo）。
  最简单的按需装载实现，通过XMLHttpRequest同步装载脚本文件实现。问题是，浏览器使用这种方式同步获取资源时将导致浏览器阻塞：停止响应用户事件、停止页面重画操作。所以，虽然编程最为简单，但是用户体验最差。
  
• 异步按需装载（无阻塞，JSI2.0+）。
  异步导入，不必多做解释，用户体验好，但是因为其异步特征，处理起来比较麻烦。
• 延迟同步按需装载（无阻塞，JSI2.0+）。
  JSI通过动态预装载功能实现的一种同步获取资源的方法，虽然也是同步，但没有阻塞，可以算时兼顾易用性和用户体验的机决方按。缺点时有一定延迟，当前脚本标签中不可用。
  

使用方法（JSI示例）

以一个代码语法着色程序为例：
类库位置：example/codedecorator/code.js
页面位置：example/xxx.html

• 即时同步按需装载
  
  js 代码
  1. $import("example.codedecorator.Code");
  3. var code1 = new Code();
  4. code1.id = "libCode";
  5. code1.decorate();
     
  
  
• 异步按需装载
  
  js 代码
  1. $import("example.codedecorator.Code",function(Code){
  2. var code1 = new Code();
  3. code1.id = "libCode";
  4. code1.decorate();
     
  5. })
  
  
• 延迟同步按需装载（无阻塞，JSI2.0+）。
  
  xml 代码

  1. <script>"../scripts/boot.js"><\/script>
  2. <script>
  3. $import("example.codedecorator.Code",true);
  4. <\/script>
  6. <script>
  7. var code1 = new Code();
  8. code1.id = "libCode";
  9. code1.decorate();
  10. <\/script>

示例说明：

下载后最好能放到一个能受到网速限制的服务器上，只有这样才能看到阻塞的问题。

第一次发布仅再ff上测试通过。

第二次发布修正ie上的错误。

第三次发布修正opera上的错误。

在线测试

http://jsintegration.sourceforge.net/example/code.html

http://www.xidea.org/project/jsi/example/code.html

参考：

JSI 导入函数： function $import(path, callbackOrLazyLoad, target )

JSI2 预览版下载：http://groups.google.com/group/jsier/files