hbuilder项目总结：页面跳转

最新推荐文章于 2024-10-01 15:00:11 发布

杨梦肖

最新推荐文章于 2024-10-01 15:00:11 发布

阅读量2.2w

点赞数 2

分类专栏： hbuilder 文章标签：软件 webview ios android

本文链接：https://blog.csdn.net/aaa199623/article/details/72882010

版权

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

摘要由CSDN通过智能技术生成

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’
},
wai