zoukankan      html  css  js  c++  java
  • h5新增加的存储方法

    h4中使用的cookie把用户信息保存在客户端浏览器,但是它受到很多限制。

    大小:最多能存储4k

    带宽:它是随着http请求一起发送到服务器的,因此浪费一部分的带宽。

    复杂度:操作复杂。

    h5新增加了一种在客户端本地存储数据的方法 webstorange,分两种形式sessionStorage和localStorage

    sessionStorage:将数据保存在session对象中。所谓session,是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,session对象可用来保存在这段时间内所要求保存的任何数据

    localStorage:将数据保存在客户端本地的硬件设备中,即使浏览器关闭了,该数据仍然存在,下次打开浏览器访问网站时仍然可用 区别:sessionStorage为临时保存,localStorage为永久保存。

    sessionStorage 临时保存用一窗口的数据 关闭窗口时会删除数据
    存的两种方式
    一setItem()方法存储:sessionStronge.setItem("test","测试")
    二通过属性方式存储: sessionStronge["test"]="测试";

    一getItem()方法取:sessionStronge.getItem()
    二属性方法取:sessionStronge["test"]
    销毁sessionStronge.clear()
    可存储json格式数据 转换成json格式字符串格式存储
    var obj={
    name:"test",
    age:18
    }
    sessionStronge.setItem("test",JSON.stringify(obj));


    localStorange用来作为本地存贮,解决了session存储空间不够的问题
    访问当前域名,关闭当前域名再次打开会存在
    缺陷:高版本支持 ie8以上支持(以下用userData)
    不能被爬虫获取
    浏览器隐私模式下是不可取的
    存储内容过多会是页面变卡

    var storage=window.localStorange;
    storange.setItem("test",3);

    storange.getItem("test");
    全部删除
    storange.clear();
    删除某一个
    storange.removeItem("test");
     

  • 相关阅读:
    将python 中的变量保存到本地
    Docker 安装
    docker 守护进程
    迁移及配置 Windows 7 的用户账号 UserProfile 默认目录位置
    Bitwise Operation位操作(逻辑运算)
    博客园客服端上传文章测试
    vnc连接远端linux服务器
    linux7.5服务器 安装oracle12c
    linux服务器 jboss-7安装
    day11__函数名的应用,python新特f-strings格式化输出、迭代器
  • 原文地址:https://www.cnblogs.com/xuxiaoyu/p/10732741.html
Copyright © 2011-2022 走看看