web项目使用mui进行页面预加载.docxVIP

web项目使用mui进行页面预加载首先:纯web项目不能使用mui.preload进行页面预加载的, 比如基于微信的web项目怎么办呢? 自己写个简单的吧1.需依赖 jQuery, mui 框架和mui基本样式库2. iMuiPage.js 内容:/** * iMuiPage v2016-7-7 * 只加载页面中body标签内的部分,等同$(document.body).html() * window._iMuiAct 当前显示页的 iMuiPage 对象 * window._iMuiMshDv 加载等待的dom jq对象 * window._iMuiPageObj[] 所有iMuiPage 对象数组 * window._impEvent 当前加载页dom的jq对象, dom创建时刷新 * 加载页事件定义 * init事件 dom创建完成后触发 * show事件显示完成后触发 * hide事件隐藏完成后触发 * body尾部加上下面的js * _impEvent.on(init[show|hide],function(event,imp){this...}); * 参数: event window的event对象,imp iMuiPage对象, this 加载页dom对象 **/var iMuiPage=function(opts, pel){var qp=$(pel);var pi=qp[0]?qp[0]:null; //页对象不存在则创建//pel 初始页dom对象或jq筛选条件//opts 参数var df = { url:null, //页面地址 data:null, //页面提交数据{} id: null, //页面id 默认页对象id 若无则为页面url save:1, //是否缓存,不缓存隐藏后即销毁dom setdf:0, //设为根页, 即 window._iMuiPageObj[0] reload:0, //是否每次重新加载, 缓存时有效 refresh:0, //强制重新加载, 重载后该值恢复为0 autoshow:1, //是否加载完成显示 waithtml:div class=waiticon +div class=bounce1/divdiv class=bounce2/div +div class=bounce3/div/div, //等待提示内容 error:function(){}, //错误处理 hide:function(){}, //隐藏前处理,可与事件并用, 在hide事件前调用 show: function() {}, //显示前处理,可与事件并用, 在show事件前调用 loaded: function() {} //加载前成处理,可与事件并用, 在init事件前调用 };var pms = {}; opts = opts || {};for (var k in df) pms[k] = opts[k]==undefined? df[k] : opts[k];if(!pms.url) returnnull;//获取或创建等待domfunction gMsgdv(){var g=window._iMuiMshDv;if(!g || !g[0]){ g=$(document.createElement(div)) .attr(class,loadmsgdv); $(document.body).append(g); g.hide(); } window._iMuiMshDv=g.html(pms.waithtml);return g; };//获取当前页id, 即此新开页的返回idfunction gbackid(){if(pms.setdf) return pms.id;if(!window._iMuiAct) return;return window._iMuiAct.pm.id; };//截取body内容function exBody(str) {if (!str) return;var ar = str.match(/body.*?([\s\S]+)\/body/i);return (arar.l