一、利用URL传参
在页面跳转的时候通过设置window.location.href添加参数,
在接收参数的页面通过window.location.search获取参数字符串。
1 发送参数的页面:
window.location.href = 'new.html?targetId=123'
2 接收参数的页面:
// 获取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);
二、利用本地存储传参
可以使用本地存储的方式,可以使用cookie、sessionStorage和localStorage。
1 发送参数的页面:
localStorage.setItem("targetId","123");
2 接收参数的页面:
localStorage.getItem("targetId");