JS前端跨页面传值
JS前端页面传值1.url2.cookie3.H5 web storage
·
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 跨页面传参
更多推荐
已为社区贡献2条内容
所有评论(0)