time 
设为首页】【收藏本站
当前位置: 主页 > JavaScript > 其它JS框架 > LABJS入门教程

LABJS入门教程

时间:2013-03-04 23:13 点击:3463次 字体:[ ]




一、关于LABjs的简单介绍

作者:Kyle Simpson

作用:动态并行加载脚本文件 以及 管理加载脚本文件的执行顺序

官网:http://www.labjs.com/

 

二、关于LABjs的使用

以下实例原文链接:http://www.au92.com/archives/labjs.html

更全更详细说明:http://labjs.com/documentation.php

实例1:

  1. $LAB.script("script1.js"
  2.     .script("script2.js"
  3.     .script("script3.js"
  4.     .wait(function(){// 等待所有script加载完再执行这个代码块 
  5.         script1Func(); 
  6.         script2Func(); 
  7.         script3Func(); 
  8.     }); 

实例2:

  1. $LAB.script({ src:"script1.js", type:"text/javascript"}) 
  2.     .script("script2.js"
  3.     .script("script3.js"
  4.     .wait(function(){// 等待所有script加载完再执行这个代码块 
  5.         script1Func(); 
  6.         script2Func(); 
  7.         script3Func();} 
  8.     ); 

实例3:

  1. $LAB.script("script1.js","script2.js","script3.js"
  2.     .wait(function(){// 等待所有script加载完再执行这个代码块 
  3.         script1Func(); 
  4.         script2Func(); 
  5.         script3Func(); 
  6.     }); 

实例4:

  1. $LAB.script(["script1.js","script2.js"],"script3.js"
  2.     .wait(function(){// 等待所有script加载完再执行这个代码块 
  3.         script1Func(); 
  4.         script2Func(); 
  5.         script3Func(); 
  6.     }); 

实例5:

  1. $LAB.script("script1.js"
  2.     .wait()    // 空的wait()只是确保script1在其他代码之前被执行 
  3.     .script("script2.js")    // script2 和 script3 依赖于 script1 
  4.     .script("script3.js"
  5.     .wait()    // 但是script2 和 script3 并不互相依赖,可以并行下载 
  6.     .script("script4.js")    //script4 依赖于 script1, script2 及 script3 .wait(function(){script4Func();}); 

实例6:

  1. $LAB.script("script1.js")    // script1, script2, and script3 之间没有依赖关系,  
  2.     .script("script2.js")    // 所以可以任意顺序执行 
  3.     .script("script3.js"
  4.     .wait(function(){    // 如果需要,这里当然可以执行javascript函数 
  5.         alert("Scripts 1-3 are loaded!"); 
  6.     }) 
  7.     .script("script4.js")    // 依赖于 script1, script2 及 script3  
  8.     .wait(function(){script4Func();}); 

实例7:

  1. $LAB.setOptions({AlwaysPreserveOrder:true})// 设置每个脚本之间等待 
  2.     .script("script1.js")// script1, script2, script3, script4 互相依赖 
  3.     .script("script2.js")// 并且并行下载后循序执行 
  4.     .script("script3.js"
  5.     .script("script4.js"
  6.     .wait(function(){ 
  7.         script4Func(); 
  8.     }); 

实例8:

  1. $LAB.script(function(){ 
  2.         // `_is_IE`的值ie为true ,非ie为false 
  3.         if(_is_IE){ 
  4.             return"ie.js";    // 如果是ie则这个js会被加载 
  5.         }else
  6.             return null;    //如果不是ie这个代码就会被略过 
  7.         } 
  8.     }) 
  9.     .script("script1.js"
  10.   .wait(); 



本文地址 : http://www.fengfly.com/plus/view-211927-1.html
标签: 入门教程 LABJS
------分隔线----------------------------
最新评论 查看所有评论
发表评论 查看所有评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码: