本文主要包含hbuilder mui,hbuilder mui视频教程,hbuilder mui教程,hbuilder mui api,hbuilder mui app等相关知识,教程希望在学习及工作中可以帮助到您
页面传参数是一种比较常见的业务需求，根据实现原理及适用环境可以分为两大类。
在普通浏览器端常用的方法有如下几种：
1.利用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);
2.利用本地存储传参
可以使用本地存储的方式，可以使用cookie、sessionStorage和localStorage。
发送参数的页面：
localStorage.setItem("targetId","123");
接收参数的页面：
localStorage.getItem("targetId");
mui框架根据业务场景不同，提供了两种传值模式：
1.页面初始化时，通过扩展参数传值
html5+ webview中在创建新窗口的时候有一个extras参数，用于创建Webview窗口的额外扩展参数。
var w = plus.webview.create("new.html","new",{},{
targetId: '123'
});
w.show