高版本的浏览器中,js提供了sessionStorage和globalStorage。
在html5中,提供了loaclStorage 取代globalStorage。
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。
两者的区别,sessionStorage是临时储存,localStorage是长期储存
前者存在一个会话中(通俗的讲就是存在于一组页面中浏览器),后者只要不手动清理就一直存在
如何把数据储存到Storage中
被储存的数据需要转成JSON形式
得到的数据需要从JSON数据转换成其他形式在进行操作
这里以对象形式储存,再拿出数据拼接
let arr = {
name: "xiaohua",
age: 19,
where: "sichuan"
}
//将数据转换成JSON,储存到localStorage中 ("数据名",数据)
localStorage.setItem("information", JSON.stringify(arr));
//将数据从localStorage取出来
let information = localStorage.getItem("information");
//将取得的数据转义
information = JSON.parse(information)
console.log(information);
//将对象转换为数组,只要有用信息,xiaohua,19,sichuan
let arrs = [];
for (let i in information) {
arrs.push(information[i]);
}
console.log(arrs);
//拼接成字符串
let x = "";
arrs.forEach(function (v) {
x += v;
})
console.log(x);
*用处:
可以用其储存登陆信息、页面操作信息、等等....
用以实现页面跳转数据任然存在