• 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");
     

  • 相关阅读:
    [歌词]世界末日
    AJAX是什么?
    [转]Moving Your Access 2002 Database to SQL Server
    .net from身份验证的配置介绍
    ajax
    cmd常用命令
    查看端口解除端口占用
    好久没进来了,今天发一个原创的DatePicker
    真倒霉,前不久分區表錯誤把我數據全部搞沒了
    DataGrid利用DataView过滤,排序
  • 原文地址:https://www.cnblogs.com/xuxiaoyu/p/10732741.html
Copyright © 2020-2023  润新知