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 跨页面传参

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐