总共有四种方式:
- 方法一、 使用URL携带参数,稍微麻烦,接收端还要解析
A页面
B页面:
var searchURL = window.location.search;
console.log(searchURL);
searchURL = searchURL.substring(1, searchURL.length);
console.log(searchURL);
var num1 = searchURL.split("&")[0].split("=")[1];
var stu_ID = searchURL.split("&")[1].split("=")[1];
var num = parseInt(num1)
console.log(num);
console.log(typeof num);
- 方法二、用mui的extras
A页面:
mui.openWindow({
url: 'User_Manager/dept_user.html',
id: 'dept_user.html',
extras: {
dept_user_dev_info: dept_user_dev_info,
Num:num
}
});
B页面:
var User_dev_info = plus.webview.currentWebview();
- 方法三、使用mui的本地缓存(最简单)
A页面:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="css/mui.min.css" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">A</h1>
</header>
<div class="mui-content">
<div>
<button id="bt" style="margin-top: 200px;" type="button" class="mui-btn mui-btn-blue mui-btn-block">点击传值</button>
</div>
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.init()
var obj = {
"result": "ture",
"userRole": 4,
"userId": 56,
"username": "201814131100"
}
sessionStorage.zz = JSON.stringify(obj);
var sb = JSON.parse(sessionStorage.zz);
console.log(sb);
console.log(sb.userId);
</script>
</body>
</html>
B页面:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="css/mui.min.css" rel="stylesheet" />
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">B</h1>
</header>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.init()
var sbzzz = JSON.parse(sessionStorage.zz);
console.log(sbzzz);
console.log(sbzzz.userId);
</script>
</body>
</html>
- 方法四、使用fire自定义函数
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>HTML5,MUI方式自定义事件页面传值</title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" charset="utf-8">
mui.init({
preloadPages: [{//预加载目标页面
'url': 'second.html',
'id': 'second.html'
}]
});
window.onload = function() {
var Page = null;
document.getElementById("a1").addEventListener('tap', function() {
if (!Page) {
Page = plus.webview.getWebviewById('second.html');
}
mui.fire(Page, 'show', {
id: 'id1', //传往second.html的值
name: 'name2' //传往second.html的值
});
mui.openWindow({ //目标页面
id: 'second.html',
});
});
}
</script>
</head>
<body>
<a id="a1">跳转</a>
</body>
</html>
B页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>HTML5,MUI方式自定义事件页面传值</title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" charset="utf-8">
//添加newId自定义事件监听
window.addEventListener('show', function(event) {
//获得事件参数
var id = event.detail.id;
var name = event.detail.name;
alert(id);
alert(name);
})
</script>
</head>
<body>
</body>
</html>
欢迎转载,请注明出处,感谢