美文网首页
HTML5web本地存储接口操作---sessionStorag

HTML5web本地存储接口操作---sessionStorag

作者: 八月飞花 | 来源:发表于2020-06-07 10:01 被阅读0次
web本地存储接口是H5的重要接口,可以用于存放不经常更新的文件
  本地存储的大小约为5MB
  这个数据本质上是存储在页面中
  生命周期为关闭当前页面的时候,数据会销毁
  两个同名的页面的sessionStorage是分离的
  只能存储临时的值

接口函数

sessionSStorageAPI包含的操作函数
  setItem(key,value):以键值对的方式存储数据
  getItem(key):通过键获取数据
  removeItem(key):通过键删除数据
  clear():清空所有的存储内容

使用

将input的用户名保存到web本地

  let dom=document.querySelect("button");
  let userName=document.querySelect("input[type=text]");
  dom.onclick=function(){
    let name=username.value;
    window.sessionTorage.setItem();
  }

获取数据

  通过key获取值
  如果获取不到数据,就返回null
  let data = window.sessionStorage.getItem("name");

删除数据

  如果在删除的时候key的值错误,不会报错,也不会删除数据
  window.sessionStorage.removeItem("name")

保存的数据通过F12,打开Application 的session Storage

相关文章

网友评论

      本文标题:HTML5web本地存储接口操作---sessionStorag

      本文链接:https://www.haomeiwen.com/subject/mbdbihtx.html