music
吾推更多
sea.js引用jquery、layer的简单实例用法
　 来源: 吾推网　 发布时间: 2017-09-02　　 次浏览

Sea.js:遵循 CMD 规范，支持IE6以上

用法：
第一步在html页面上引入JS：

<script type="text/javascript" src="js/sea.js"></script>
<script type="text/javascript" src="js/seajs-config.js"></script>
<script type="text/javascript" src="js/index.js"></script>
 
第一个sea.js不用说了，直接引就行
第二个seajs-config我们需要配上插件的路径
代码如下
// 获取基础路径
function getBaseURL() {
 if (!window._baseUrl) {
   var local = window.location;
   var contextPath = local.pathname.split("/")[1];
   //加项目名：如http://localhost:8080/pro
   window._baseUrl = local.protocol + "//" + local.host + "/" + contextPath + "/";
   //不加项目名：如http://localhost:8080
   //window._baseUrl = local.protocol + "//" + local.host + "/";
 }
 return window._baseUrl;
};
seajs.config({
   base : getBaseURL(),
   alias : {/* 第三方依赖 */
   "jquery" : "assets/jquery/jquery-1.9.1.js",/* jquery */
   "layer" : "assets/layer/layer.js",/*layer弹窗*/
   "underscore": "assets/lodash/underscore-min.js",/*underscore模板*/
}
});
第三个index.js就是程序主入口
代码如下
seajs.data.alias.Config= window._baseUrl + 'sea/js/config.js';/*自己的业务代码需手动引入一下*/
define('../js/index',function(require,exports,module){
var $=require('jquery');
    var layer=require('layer');
    var Config = require('Config');
    layer.config({
        path: window._baseUrl + 'assets/layer/' //layer.js所在的目录，可以是绝对目录，也可以是相对目录
    });
    var layerIndex = null;
    var Page={
    init:function(){
            layer.alert(Config.a);
    }
    };
 
$(function() {//程序入口
Page.init();
});
    module.exports.Config = Config;//把常量提供到页面上
});
/*程序入口*/
var Config=null;
seajs.use(['../js/index'],function(module){
    Config = module.Config;