前端对象
1.简单对象模型
(function (w) { var mainUtil = { //初始化方法 Init: function () { this.InitUtil(); this.InitTapEvent(); }, InitUtil: function () { //1.表单(条件检索)赋值 searchForm = $('#searchForm'); //2.初始化页面数据 pageUtil.LoadGrid(); }, InitTapEvent: function () { }, }; var pageUtil = { //页面具体实现 }; var otherUtil = { //封装页面公共方法 }; w.mainUtil = mainUtil; })(window) $(function () { mainUtil.Init(); });
1 (function (w) { 2 3 //一.封装核心对象 4 var mainUtil = { 5 //0.初始化所有信息 6 init: function () { 7 this.initBasic(); 8 this.initBasicEvent(); 9 this.initTapEvent(); 10 }, 11 //1.初始化基本信息 12 initBasic: function () { 13 14 }, 15 //2.初始化基本事件 16 initBasicEvent: function () { 17 18 }, 19 //3.初始化点击事件 20 initTapEvent: function () { 21 22 }, 23 } 24 25 //二:封装页面信息获取 26 var pageUtil = { 27 28 }; 29 30 //三、其它 31 var otherUtil = { 32 33 }; 34 35 w.mainUtil = mainUtil; 36 37 })(window) 38 39 //页面加载 40 $(function () { 41 mainUtil.init(); 42 });
作者:chenze 出处:https://www.cnblogs.com/chenze-Index/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 如果文中有什么错误,欢迎指出。以免更多的人被误导。 |