说这两个JS 必须提到AMD、commonjs两种不同的规范:
奇舞团:http://www.75team.com/archives/882
知乎:http://www.zhihu.com/question/20342350
个人的理解其实就是 AMD就是要加载的JS文件 都提前一数组的形式提前加载完的、commonjs是你想用到哪就直接加载的
demo页面:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>无标题文档</title> 6 </head> 7 <body> 8 <!-- 头部 --> 9 <div class="content"> 10 <div class="nav-main"> 11 <ul id="nav" class="nav cfx"> 12 <li> 13 <a href="#" title="首页">首页</a> 14 </li> 15 <li> 16 <a href="#" title="联系我们">联系我们</a> 17 </li> 18 <li> 19 <a href="#" title="关于我们">关于我们</a> 20 </li> 21 <li> 22 <a href="#" title="友情链接">友情链接</a> 23 </li> 24 </ul> 25 </div> 26 </div> 27 28 <!-- 主体 --> 29 <div class="content"> 30 <div class="index-main"> 31 32 </div> 33 </div> 34 35 <!-- 底部 --> 36 <div id="help" class="help"> 37 <ul class="help_list"> 38 <li> 39 <dl> 40 <dt>新手上路</dt> 41 <dd><a href="#">购物前的准备</a><br> 42 <a href="#">购物流程</a><br> 43 <a href="#">分期指南</a><br> 44 <a href="#">常见问题</a></dd> 45 </dl> 46 </li> 47 <li> 48 <dl> 49 <dt>安全支付</dt> 50 <dd><a href="#">口令卡\U盾\密码器</a><br> 51 <a href="#">手机短信认证</a><br> 52 <a href="#">支付安全宝典</a><br> 53 <a href="#">安全专区</a></dd> 54 </dl> 55 </li> 56 <li> 57 <dl> 58 <dt>客户服务</dt> 59 <dd><a href="#">客服电话</a><br> 60 <a href="#">订单查询</a><br> 61 <a href="#">加盟须知</a><br></dd> 62 </dl> 63 </li> 64 <li> 65 <dl> 66 <dt>关于我们</dt> 67 <dd><a href="#">商城简介</a><br> 68 <a href="#">商城声明</a><br> 69 <a href="#">合作伙伴</a><br> 70 <a href="#">联系我们</a></dd> 71 </dl> 72 </li> 73 </ul> 74 </div> 75 </body> 76 <script src="js/sea.js" id="main"></script> 77 <script src="js/main.js"></script> 78 </html>