有两种方法cookie和localStorage/sessionStorage
cookie
- 工具方法封装:
var operator="=";
function getCookieValue(keyStr) {
var value=null;
var s=window.document.cookie;
var arr=s.split("; ");
for (var i = 0; i < arr.length; i++) {
var str=arr[i];
var k=str.split(operator)[0];
var v=str.split(operator)[1];
if (k==keyStr){
value = v;
break;
}
}
return value;
}
function setCookieValue(key,value) {
document.cookie=key+operator+value;
}
- A页面
setCookieValue("username",userInfo.username);
setCookieValue("userImg",userInfo.userImg);
- B页面
var name=getCookieValue("username");
var userImg=getCookieValue("userImg");
localStorage和sessionStorage
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。
sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问
并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅、是会话级别的存储。只允许同一窗口访问。
而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。同源可以读取并修改localStorage数据。
并且他们储存的对象类型均为字符串类型;
-
A页面
localStorage.setItem("user",JSON.stringify(userInfo));
-
B页面
var jsonStr = localStorage.getItem("user");
var userInfo = eval("("+jsonStr+")");
//移出localStorage键值对
localStorage.removeItem("user");
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)