mui跳转到指定页面,
【几种打开页面的方式】
1.在初始化期间创建子页。
2.直接打开新页面
3.预加载页面
【示例】
1.在初始化期间创建子页。
mui.init({
子页：[{
Url: your-subpage-url，//子页面的HTML地址，支持本地地址和网络地址。
Id: your-subpage-id，//子页标志
样式：{
Top:子页面顶部位置，//子页面的顶部位置
Bottom:子页面-底部位置，//子页面的底部位置
Width: subpage-width，//子页面的宽度，默认为100%
Height: subpage-height，//子页面的高度，默认值为100%。
.
},
Extras: {} //额外的扩展参数
}]
});
2.直接打开新页面
mui.openWindow({
网址：新网页网址，
id:新页面id，
样式：{
Top: newpage-top-position，//新页面的顶部位置
Bottom: new age-bottom-position，//新页面的底部位置
Width: newpage-width，//新的页面宽度，默认为100%。
Height: newpage-height，//新页面的高度，默认为100%。
.
},
附加内容：{
.//用户自定义的扩展参数，可以用来处理页面之间的值传递。
}
显示：{
AutoShow: true，//页面在loaded事件发生后自动显示，默认值为true。
AniShow: animationType，//页面显示动画，默认为“右滑式”；
时长：animationTime //页面动画的时长，Android平台默认为100ms，iOS平台默认为200ms
},
等待：{
AutoShow: true，//自动显示等待框，默认为true。
标题：“正在加载…”，//等待对话框上显示的提示内容
选项：{
Width: waiting-dialog-widht，//等待框背景区域的宽度。默认情况下，会根据内容自动计算适当的宽度。
Height: waiting-dialog-height，//等待框背景区域的高度。默认情况下，会根据内容自动计算适当的高度。
.
}
}
})
3.预加载页面
//模式1
mui.init({
预加载页面：[{
url: prelaod - page - url，
id: preload - page - id
样式：{}，//窗口参数
附加内容：{}，//用户定义的扩展参数
子页：[{}，{}] //预加载页面的子页
}]
});
//模式2
var page=mui.preload({
网址：新网页网址，
Id: new-page-id，//默认使用当前页面的url作为Id
样式：{}，//窗口参数
附加内容：{} //用户定义的扩展参数
});
【一些区别】
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.新页面应用于新页面。
打开新页面，适合查看详情等。当需要打开新页面时，
而且mui封装了新页面本身的back方法，你不用担心。
6.预加载页面的两种方法
第一种方法是在初始化期间预加载，
这种情况适合你。这个页面只有在很长时间后才会被使用，
如果您想立即进入页面并使用它，那么您将得到null。
第二种方式类似于开放，
个人感觉影响不大，
唯一不同是open直接打开，
Preload只是加载，以后可以选择什么时候打开。
7.摘要
需要下拉刷新和上拉加载。请使用子页面，
你需要打开新的一页。请使用新页面方法，
需要加载一个页面，但暂时不会用到。请使用预加载方法。
这就是本文的全部内容。希望这篇文章的内容能给你的学习或者工作带来一些帮助~有问题可以留言交流。谢谢大家的支持！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。