mui页面跳转及传参

页面跳转传参

父页面：

mui.openWindow({ url: './apply_fert_accu_result.html', extras: { userName: username.innerText, phoneNumber: phoneNumber.innerText, positionLation: selectAddressText, crop: showCrapBtn.innerText, targetOutPut: targetOutPut.value, shedType: showCrapBtn.innerText == '小麦' ? showShedTypeBtn.innerText : '' } });

子页面：

mui.plusReady(function() { var self = plus.webview.currentWebview(); userName.innerHTML = self.userName; phoneNumber.innerHTML = self.phoneNumber; crop.innerHTML = self.crop; targetOutPut.innerHTML = self.targetOutPut; shedStructure.innerHTML = self.shedType; soilSampleLocation.innerHTML = self.positionLation;`在这里插入代码片` })

子页面返回到指定的tab页面

子页面：

//关闭当前页，回到历史页 mui('body').on('tap', '#historyReturn', function(e){ var parentWindow =plus.webview.currentWebview().opener().opener();//获取父窗体父窗体。 console.log(JSON.stringify(parentWindow)) mui.fire(parentWindow, 'historyPage', ""); // 参数说明：父窗体，事件名，参数 var curr = plus.webview.currentWebview().close("zoom-in"); });

index.html即tab页面

//自定义事件，子页面关闭，并在子页面上触发了历史档案事件。 document.addEventListener('historyPage', function(e){ var arr =document.getElementsByClassName('mui-tab-item'); mui.trigger(arr[1],"tap");//触发历史档案页面事件 //加载和去除点击样式 document.getElementById('historyBar').classList.add('mui-active'); document.getElementById('mainBar').classList.remove('mui-active'); });

问题：上述问题父子页面可以正常返回，但是如果更深层，需要以下方式

子页面返回到指定的tab页面（方式二）

index.html 即tab页面

//自定义事件，子页面关闭，并在子页面上触发了历史档案事件。 document.addEventListener('historyPage', function(e){ var arr =document.getElementsByClassName('mui-tab-item'); mui.trigger(arr[1],"tap");//触发历史档案页面事件 //加载和去除点击样式 document.getElementById('historyBar').classList.add('mui-active'); document.getElementById('mainBar').classList.remove('mui-active'); });

tab页面进入到另一个页面，可以使用openWindow跳转，可以正常返回， 紧接着向下跳转需要通过如下方式跳转

location.href="apply_fert_accu_result.html?crop="+showCrapBtn.innerText;

返回的最终子页面

接收参数（中文参数乱码）

// 获取参数方法 function GetUrlParam(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = encodeURI(window.location.search).substr(1).match(reg); if(r!=null)return unescape(r[2]); return null; } //使用获取参数方法 var id= GetUrlParam("id"); var crop = decodeURI(GetUrlParam("crop")); console.log(" name:"+crop);

返回到指定的tab页

//关闭当前页，回到历史页 mui('body').on('tap', '#historyReturn', function(e){ var parentWindow =plus.webview.currentWebview().opener().opener();//获取父窗体父窗体。 console.log(JSON.stringify(parentWindow)) mui.fire(parentWindow, 'historyPage', ''); var curr = plus.webview.currentWebview().close("zoom-in"); });

mui页面刷新

B页面这样写：

mui.init({ beforeback: function() {　　　　 var list = plus.webview.currentWebview().opener();　　　　 //refresh是A页面自定义事件 mui.fire(list, 'refresh'); //返回true,继续页面关闭逻辑 return true; } });

A页面这样写：

window.addEventListener('refresh', function(e){//执行刷新 location.reload(); });