JS前端跨页面传值

1. 通过URL传值

例如：

页面A

使用location.href传递参数

window.location.href = '/cigarette/index.html?phone=' + Phone;

定义key,value值，value为传递的参数，其中key：‘phone’， value: Phone

页面B

使用location.search接收参数

// 接收传过来的值
var search=location.search;
function parse(search){
    //从第二个字符开始截取，获取到第二个开始后面所有的字符
    var str=search.substring(1);
    var result={};
    //分割字符串，产生字符串数组
    var strs=str.split("&");
    //遍历数组中的每一个元素
    strs.forEach(function(v){
        //伪代码：v="age=18"
        var keyvalue=v.split("=");
        var name=keyvalue[0];
        var value=keyvalue[1];
        result[name]=value;
    })
    return result;
}
var User = parse(search);  
document.getElementById('user').innerText = User.phone;

2. 通过cookie传值

//储存
document.cookie="name=Bob";
//获取
var cookie=document.cookie;

3. 通过H5的 web storage

保存数据：localStorage.setItem(key,value);

读取数据：localStorage.getItem(key);

删除单个数据：localStorage.removeItem(key);

删除所有数据：localStorage.clear();

得到某个索引的key：localStorage.key(index);

A页面

//定义key,value值，value为传递的参数
localStorage.setItem("ID", ID);

B页面

// 获取id
var ID = localStorage.getItem('ID');

更多关于H5 web storage的内容可以参考以下链接里的内容前端之路：js跨页面传参(H5 web storage)_了无牵挂的康言先森的博客-CSDN博客_js 跨页面传参