海南省建设监理协会网站,酒店分销平台有哪些,慕课网wordpress,精准营销的三大要素sessionStorage
仅在浏览器当前窗口关闭之前有效,即使是刷新或者进入该窗口下的的另一个页面#xff0c;数据也仍然存在#xff1b;关闭浏览器或到另一个窗口#xff0c;数据就是不存在的。 // 设置sessionStorage保存到本地#xff0c;第一个为变量名#xff0c;第二个是…sessionStorage
仅在浏览器当前窗口关闭之前有效,即使是刷新或者进入该窗口下的的另一个页面数据也仍然存在关闭浏览器或到另一个窗口数据就是不存在的。 // 设置sessionStorage保存到本地第一个为变量名第二个是值sessionStorage.setItem(sessionName, 可乐)// 获取数据sessionStorage.getItem(sessionName)// 删除保存的数据sessionStorage.removeItem(sessionName)// 清除所有保存的数据sessionStorage.clear()
localStorage
始终有效窗口或浏览器关闭也一直保存因此用作持久数据。 //设置localStorage保存到本地第一个为变量名第二个是值localStorage.setItem(username, 安琪拉)// 获取数据localStorage.getItem(username)// 删除保存的数据localStorage.removeItem(username)// 清除所有保存的数据localStorage.clear()
cookie
cookie是客户端与服务器端进行会话使用的一个能够在浏览器本地化存储的技术。
特点
1. 存储大小有限制一般是 4 KB 左右
2. 数量有限制一般是 50 条左右
3. 有时效性也就是有过期时间未设置的话是 会话级别也就是浏览器关闭就过期了
4. 有域名限制在哪个域名下存储的cookie只能在哪个域名下访问
使用场景
会话状态管理如用户登录状态、购物车等
个性化设置保存用户设置的样式等
浏览器行为跟踪如跟踪分析用户行为等
使用方法
设置cookie
document.cookie keyvalue;
document.cookiexy;max-age(3600*24);//设置一天过期
获取cookie
function getCookie(key) {let strCookiedocument.cookie;//将多cookie切割为多个名/值对let arrCookiestrCookie.split(; );for (let i 0; i arrCookie.length; i) {let tmp arrCookie[i].split();if (tmp[0] key) {return tmp[1];}}
}
let 变量名getCookie(key);
注意sessionStorage / localStorage / cookie 存储的都是字符串类型
