hbuilder项目总结：页面跳转

最新推荐文章于 2024-05-05 18:13:59 发布

原创最新推荐文章于 2024-05-05 18:13:59 发布 · 2.3w 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#软件 #webview #ios #android

hbuilder 专栏收录该内容

5 篇文章

订阅专栏

本文总结了在HBuilder中进行页面跳转的方法，包括针对Android和iOS系统的不同处理，如在iOS10以上系统如何避免弹框并正确关闭软件。主要涉及登录页到主页面的跳转逻辑，使用`mui.openWindow`打开新页面的方式，通过标签和fire事件进行页面交互，以及关闭当前Webview打开新Webview的操作。提供了详细的代码示例和事件监听接收方法。

1.登录页面跳转到主页面（区别Android与ios系统，ios系统10以上不显示弹框，且不能直接关闭软件，故当main页面的webview还存在时直接打开，不存在时创建）
var toMain = function() {
console.log(“toMain………….”);
if(mainPage){
console.log(“mainPage已存在…..”);
//触发详情页面的newsId事件
mui.fire(mainPage,’show’,null);
mui.openWindow({
id:’main’
});
}else{
console.log(“mainPage不存在…..”);
mainPage = mui.openWindow({
id: ‘main’,
url: ‘main.html’,
show: {
aniShow: ‘pop-in’
}
});
}
console.log(“toMainEnd”);
};
2.通过openwindow方式打开页面，一般选择不预加载（preload: false），其中url指向跳转页面，id为指向页面赋值id，extras用于携带参数
mui.openWindow({
url: ‘file_list.html’,
id: ‘file_list’,
preload: false,
show: {
aniShow: ‘pop-in’
},
extras: {
},
styles: {
popGesture: ‘hide’
},
waiting: {
autoShow: false
}
});
3.通过标签跳转，但是标签的打开方式是更换了webview并没有重新创建一个webview。
4.通过fire方式打开新的webview，并关闭当前webview，其中fire参数为：webview，接收值，参数
var tsWebview = plus.webview.getWebviewById(“textSelect”);
mui.fire(tsWebview,’selectPerson’{“checkVal”:check_val});
tsWebview.show();
plus.webview.getWebviewById(“textSelectUser”).close();
附页面接收方式：
window.addEventListener(‘selectPerson’,function(event){
//获得事件参数
var checkVal = event.detail.checkVal;
});