JS普通浏览器页面传参
一、利用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");
DO What You Want !