【几种开启网页页面的方法】
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些差别】
1.子网页页面和非子网页页面
以上3种方法中,2,3开启的网页页面非子网页页面,
差别是子网页页面非常于html中的iframe,而非子网页页面非常于新开了1个访问器对话框载入了1个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.新网页页面可用于新网页页面
open1个新网页页面,可用于查询详细信息之类的,必须开启1个新网页页面的状况,
而且mui自身封裝了新网页页面的back方式,你就不必须去操劳了。
6.预载入网页页面的两种方法
第1种是在原始化的情况下预载入,
这类状况合适在你这个网页页面在很久以后才会用,
假如你要马上到的网页页面并应用,那末你会获得null。
第2种方法相近与open,
本人觉得沒有甚么太大的差别,
唯1的差别是open就立即开启了,
preload只是载入,你能够以后挑选开启的机会。
7.总结
必须往下拉更新上拽载入请应用子网页页面,
必须开启1个新网页页面请应用新网页页面方法,
必须载入1个网页页面可是临时不应用请应用预载入方法。
以上便是这篇文章内容的所有內容了,期待本文的內容对大伙儿的学习培训或工作中能带来1定的协助~假如有疑惑大伙儿能够留言沟通交流,感谢大伙儿对脚本制作之家的适用!