1. 程式人生 > >H5瀏覽器儲存(localStorage和sessionStorage)

H5瀏覽器儲存(localStorage和sessionStorage)

1.localStorage是持久儲存,sessionStorage是關閉視窗後失效

2.只能儲存String型別字串

3.localStorage的使用是遵循同源策略的,不同的網站直接是不能共用相同的localStorage,意思是在一個網站設定了localStorage的值,到另一個網站是不可以獲取到的

常規操作:

//存
localStorage.setItem('obj',JSON.stringify({name:"xiaobai",age:13}));
//取
const obj = JSON.parse(localStorage.getItem("obj"));
//移除
localStorage.removeItem("obj ");
//清空
localStorage.clear();
//遍歷鍵
Object.keys(window.localStorage).forEach(item => console.log(`${item}:${window.localStorage.getItem(item)}`));
//監聽
window.addEventListener("storage",(e)=>{
console.log(e);
const key = e.key,oldval = e.oldValue,newval = e.newValue;
});