zoukankan      html  css  js  c++  java
  • Web Storage使用总结

    By kin

    2016.12.20

    原文地址

    浏览器支持情况

    webStorage.png

    webStorage是什么?

    Method of storing data locally like cookies, but for larger amounts of data (sessionStorage and localStorage, used to fall under HTML5).

    一种保存数据在本地的方法像cookies一样,但用于存储大量的数据(HTML5标准下的sessionStorage 和 localStorage)

    webStorage提供了localStorage 和 sessionStorage 两个api。

    • localStorage

    本地存储,除非被显示的删除,否则一直存在。数据大小为5MB。

    • sessionStorage

    只在当前会话下存在,关闭浏览器或页面后被清除。数据大小为5MB。使用方法与localStorage。

    使用

    localStorage Api
    • setItem(key,value)

    • getItem(key)

    • removeItem(key)

    • clear()

    • length

    • key(n) 返回第n个key的名称

    var ls=window.localStorage;
    
    // 保存数据
    // 数据以string类型的保存在本地
    ls.setItem('one',1);
    // 取出数据
    ls.getItem('one');//1
    // 删除某个键值对
    ls.removeItem('one');
    // 删除全部
    ls.clear();
    // 返回本地存储的个数
    ls.length;
    
    
    sessionStorage Api

    api和使用方法与localStorage相同


        cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。
    	cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递。
    	sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。
    
    	存储大小:
    		cookie数据大小不能超过4k。
    		sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
    
    	有期时间:
        	localStorage    存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;
        	sessionStorage  数据在当前浏览器窗口关闭后自动删除。
    		cookie          设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭
  • 相关阅读:
    接口和抽象的区别
    接口
    jquery Ajax提交表单数据
    SQL 检查 是否存在 表 临时表
    ASP.NET MVC 设置Area中 Controller 的方法 默认启动页
    json 序列化为数组
    C# Lamda中类似于SQL 中的 In 功能
    各种webservice调用地址
    ASP.NET获取客户端IP地址
    C#反射机制 Type类型
  • 原文地址:https://www.cnblogs.com/kin-jie/p/6215038.html
Copyright © 2011-2022 走看看