Layui针对具体页面进行操作
概述
1、与具体业务无关的封装,比如 某个具体显示效果,字符操作函数 日期操作函数 或者网络请求函数等
2、与具体业务或者说具体的html页面相关的的模块
定义插件 app.js/** * 定义一应用的通用插件 * */ layui.define(function (exports) { var $ = layui.$; //对象 var o = { getName : function() { return "名称"; } } //输出 exports("app", o); });
页面js index.js /** * 定义一应用的通用插件 * * */ layui.define(["app"],function (exports) { var $ = layui.$; var app = layui.app; //函数封装 var o = { }; //页面操作部分 $("body").on("click","#btnHello", function() { layer.msg(app.getName()); }); //输出 这个可以有或者没有。index.js只对index.html有用. exports("index", o); });
页面index.js文件引用了通用插件 app.js
页面index.html 引入 index.js文件
注当前Html.只使用了加载index.js这个对应的模块,具体的页面加载完成后的动作可以不写