方法一:
index.html主文件中定义要打开的页面:------------------------------------------------
<a id="info">热点</a>
document.getElementById('info').addEventListener('tap', function() {
mui.openWindow({
url: './test.html?name=uuueeu&age=26', //通过URL传参
id: 'test.html'
});
test.html页面代码:-----------------------------------------------------------------------------
<div class="mui-content">
<div>姓名 : <span id="name"></span></div>
<div>年龄 : <span id="age"></span></div>
</div>
$("#name").text(GetQueryString('name'));
$("#age").text(GetQueryString('age'));
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r != null) return unescape(r[2]);
return null;
}
方法二:
index.html代码:
<div class="mui-content">
<button type="button" class="mui-btn" onclick="openWindow();">点击这里打开新窗口</button>
</div>
function openWindow() {
var obj = {
"uname": "小明",
"age": "29"
};
var str = JSON.stringify(obj);
localStorage.obj = str;
mui.openWindow({
url: 'b.html',
id: 'b',
});
}
b.html页面代码:
<div class="mui-content">
<div>姓名: <span id="name"></span></div>
<div>年龄:<span id="age"></span></div>
</div>
$(function (){
var data = JSON.parse(localStorage.obj);
$("#name").text(data.uname);
$("#age").text(data.age);
console.log(data.uname);
console.log(data.age);
});
------------------------------------------------以上两种方法亲测可用---------------------------------------------
注意事项:
1.在http协议下访问
- 官方给出的extras已经不能用了,百度的方法很多是按官方的栗子写的,之前我的DEMO原本就用的extras传参的,过了几个月后再测试,居然不能用了,坑了我好久。
- 希望对大伙有帮助,有问题可以联系我uuueeu@126.com 西红柿