mui的页面跳转方式-
【几种打开页面的方式】
1.初始化时新建子页面
2.直接打开新页面
3.预加载页面
【示例】
1.初始化时新建子页面
mui.init({
subpages: [{
url: your - subpage - url, //子页面HTML地址，支撑当地地址和网络地址
id: your - subpage - id, //子页面标记
styles: {
top: subpage - top -
position
, //子页面顶部位置
bottom: subpage - bottom - position, //子页面底部位置
width: subpage - width, //子页面宽度，默许为100%
height
: subpage - height, //子页面高度，默许为100%
......
},
extras: {} //额外扩展参数
}]
});2.直接打开新页面
mui.openWindow({
url: new - page - url,
id: new - page - id,
styles: {
top: newpage - top - position, //新页面顶部位置
bottom: newage - bottom - position, //新页面底部位置
width: newpage - width, //新页面宽度，默许为100%
height: newpage - height, //新页面高度，默许为100%
......
},
extras: {
..... //自定义扩展参数，可以用来处置页面间传值
}
show: {
autoShow: true, //页面loaded
事件
产生后主动显示，默许为true
aniShow: animationType, //页面显示
动画
，默许为”slide-in-right“；
duration: animationTime //页面动画延续工夫，
Android
平台默许100毫秒，iOS平台默许200毫秒；
},
waiting: {
autoShow: true, //主动显示期待框，默许为true
title: '正在加载...', //期待对话框上显示的提醒内容
options: {
width: waiting - dialog - widht, //期待框配景区域宽度，默许依据内容主动盘算合适宽度
height: waiting - dialog - height, //期待框配景区域高度，默许依据内容主动盘算合适高度
......
}
}
})3.预加载页面
// 方式1
mui.init({
preloadPages: [{
url: prelaod - page - url,
id: preload - page - id,
styles: {}, //窗口参数
extras: {}, //自定义扩展参数
subpages: [{}, {}] //预加载页面的子页面
}]
});
// 方式2
var page = mui.preload({
url: new - page - url,
id: new - page - id, //默许运用目前页面的url作为id
styles: {}, //窗口参数
extras: {} //自定义扩展参数
});【一些区别】
1.子页面和非子页面
以上三种方式中，2，3打开的页面非子页面，
区别是子页面相当于html中的iframe，而非子页面相当于新开了一个阅读器窗口加载了一个html
2.子页面适用于侧滑菜单
子页面有其有点，特殊适用与index.html+list.html这种状况，
要是用index.html(主页面)+list.html(子页面)实现的话，当主页面右滑时子页面会主动追随，
而用index.html(主页面)+list.html(新页面)实现的话，主页面右滑，新页面不右滑，还得独自处置新页面。
3.子页面有用频繁切换的状况
要是频繁左滑右滑，在配置较低的手机上会涌现list.html遮住index.html的状况，
采纳子页面模式就不会，采纳新页面模式几率很大。
4.子页面适用与下拉刷新和上拉加载
以前做大下拉刷新的时候，采纳的是新页面的情势，
按照官网教程，怎么搞都不可功，
后来看了下源码，发明下拉刷新必需采纳子页面的情势，
也就是你的list.html必需是index.html的子页面，才可下列拉刷新。
5.新页面适用于新页面
open一个新页面，适用于查看详情之类的，需要打开一个新页面的状况，
而且mui本人封装了新页面的back办法，你就不需要去费心了。
6.预加载页面的两种方式
首先种是在初始化的时候预加载，
这种状况适合在你这个页面在很久之后才会用，
要是你要立刻到的页面并运用，那么你会得到null。
第二种方式相似与open，
个人感觉没有什么太大的区别，
独一的区别是open就直接打开了，
preload只是加载，你可以之后选中打开的机会。
7.总结
需要下拉刷新上拉加载请运用子页面，
需要打开一个新页面请运用新页面方式，
需要加载一个页面但是临时不运用请运用预加载方式。
信赖看了本案牍例你已经把握了办法，更多出色请关注 百分百源码网 其它相干文章！
举荐浏览：
自定义实现可以播放暂停、进度拖拽、音量控制及全屏的H5播放器
H5怎样做出碎片式的图片切换
以上就是mui的页面跳转方式的细致内容，更多请关注 百分百源码网 其它相干文章！
