本地存储---localStorage和sessionStorage

本地存储---localStorage和sessionStorage

区别:
cookie:文本、大小4kb、数量限制为50条、会话级(非永久存储)、不允许跨域、跟随http发送至服务器
localStorage:文本、大小5M、永久存储、不允许跨域、不跟随http发送至服务器
sessionStorage:文本、大小5M、会话级(非永久存储)、不允许跨域、不跟随http发送至服务器

localStorage

属性:
localStorage.key=value 设置,修改
localStorage.key; 获取
delete localStorage.key 删除 localStorage.key = undefined
for-in localStorage 枚举 批量删除

 //设置、修改
   localStorage.name = "admin";
   localStorage.age = 18;
 //获取
   console.log(localStorage.name);   //admin
   console.log(localStorage.age);    //18
 //删除
   delete localStorage.age;
 //枚举、批量删除
   for(var i in localStorage){
     console.log(i)
   }

方法:
localStorage.setItem(key,value) 设置、修改
localStorage.getItem(key) 获取
localStorage.removeItem(key) 删除一个
localStorage.clear() 删除所有 ×

 //设置、修改
     localStorage.setItem("name","root");
     localStorage.setItem("like","ball");
 //获取
     console.log(localStorage.getItem("name"))
     console.log(localStorage.getItem("like"))
 //删除一个
     localStorage.removeItem("name");
 //删除所有
     localStorage.clear()

事件:
window.onstorage 检测key 发生了变化,事件对象
ev.key 返回 变化的key
ev.newValue 变化后的值
ev.oldValue 变化前的值

当点击后当前页面没有出现1,反而打开一个相同页面,点击这个页面会在另一个页面显示1

  document.onclick = function(){
    localStorage.test = Math.random();
  }
  onstorage = function(){
    console.log(1)
  }

:写到localStorage里面的都是字符,要用JSON进行转化

sessionStorage

与localStorage方法一样

属性:
    sessionStorage.key=value   设置,修改
    sessionStorage.key;        获取
    delete sessionStorage.key  删除  sessionStorage.key = undefined
    for-in sessionStorage      枚举 批量删除

方法:
    sessionStorage.setItem(key,value) 设置、修改
    sessionStorage.getItem(key)       获取
    sessionStorage.removeItem(key)    删除一个
    sessionStorage.clear()            删除所有 ×

:sessionStorage关闭页面后存储也相应的消失,但localStorage不会

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值