[MUI] mui框架完成页面间传值

2019年8月25日 218次阅读 来源: Adolph

1 ： 经由过程MUI封装的openWindow 要领:

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:{
      .....//自定义扩大参数，能够用来处置惩罚页面间传值
    },
    createNew:false,//是不是反复建立一样id的webview，默以为false:不反复建立，直接显现
    show:{
      autoShow:true,//页面loaded事宜发生后自动显现，默以为true
      aniShow:animationType,//页面显现动画，默以为”slide-in-right“；
      duration:animationTime,//页面动画持续时间，Android平台默许100毫秒，iOS平台默许200毫秒；
      event:'titleUpdate',//页面显现机遇，默以为titleUpdate事宜时显现
      extras:{}//窗口动画是不是运用图片加快
    },
    waiting:{
      autoShow:true,//自动显现守候框，默以为true
      title:'正在加载...',//守候对话框上显现的提醒内容
      options:{
        width:waiting-dialog-widht,//守候框背景地区宽度，默许依据内容自动盘算适宜宽度
        height:waiting-dialog-height,//守候框背景地区高度，默许依据内容自动盘算适宜高度
        ......
      }
    }
})

个中:

extras : 新窗口的分外扩大参数，可用来处置惩罚页面间传值；比方：

旧页面设置:
var webview = mui.openWindow({
    url:'info.html',
    extras:{
        name:'mui'  //扩大参数
    }
});

新页面:
mui.plusReady(function () {
   var self = plus.webview.currentWebview();
   // 或 var self = plus.webview.getWebviewById('new');
   console.log("extras:" + self.targetId);
})

能够的: 
console.log(webview.name);//输出mui字符串

注重：扩大参数仅在翻开新窗口时有用，若目的窗口为预加载页面，则经由过程mui.openWindow要领翻开时通报的extras参数无效。

参考： http://laopo.cnblogs.com/p/50…

2 ： 经由过程HTML5当地贮存: localStorage、sessionStorage

特征检测:

    if(window.sessionStorage){
        // OK
    }else{
        // FAIL
    }

参考: http://www.cnblogs.com/firstF…

3 ： 应用URL传参

在页面跳转的时刻经由过程设置window.location.href增加参数，在吸收参数的页面经由过程window.location.search猎取参数字符串。

  • 发送参数的页面：

window.location.href = 'new.html?targetId=123'

  • 吸收参数的页面：

// 猎取url中的参数
function getUrlParam (name) {
     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if (r!= null) {
        return unescape(r[2]);
     }else{
        return null;
     }
}    
//猎取url中的targetId参数
var targetId = getUrlParam('targetId');
console.log(targetId);

4 ： 其他参考资料:

本文地点： https://segmentfault.com/a/11…

    原文作者：Adolph
    原文地址: https://segmentfault.com/a/1190000009350313
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞