localStorage 和 sessionStorage
 
   localStorage 与 sessionStorage的相同点:
        (1)、都是用于客户端存储的技术,相对于传统的cookie更有一定的优势,他们相对于cookie 大约 4k 左右的储存量(并且每个网站的设置的cookie数量是有限的,并且各个浏览器的限制数目并不相同),储存量大约有 5M 吧。
        (2)、都以键值对的形式储存数据,具有相似的API。操作起来相似,且容易。
        clear( ) : 删除所有的值。
        getItem( name ) : 根据指定的名字name获取对应的值。
        key( index ) : 获得 index 位置处的值得名字。
        removeItem( name ) : 删除由 name 指定的名值对。
        setItme( name, value ) : 为指定的name设置一个对应的值。
    localStorage 与 sessionStorage的不同点:
        localStorage 一旦设置便会永久的保存在客户端浏览器上,除非手动的删除。
        sessionStorage在这方面如同服务端的session,即关闭浏览器,数据就会自动删除掉。因此在选择这两种储存时,应该考虑具体的应用场景来使用。
    具体使用:
        首先现已下面的代码检测一下您的浏览器是否支持 localStorage 对象。
            <script type="text/javascript">
                 if(typeof window.localStorage == 'undefined') {
                      alert('您的浏览器不支持localStorage!');
                 } else {
                      alert('OK');
                 }
            </script>
       下面我们来具体走一遍API吧,由于他们差不多这里我们将以localStorage为例来说明了。。
            //设置localStorage
            var localStorage = window.localStorage;
             localStorage.setItem("name","Lee");
             localStorage.setItem("age",27);    
        
 

         //删除localStorage
          var localStorage = window.localStorage;
          localStorage.removeItem("name");
        
          
        //获取localStorage中的值         
        var localStorage = window.localStorage;
         console.log(localStorage.getItem("age"));   
       
       //获取localStorage中的键值

        var localStorage = window.localStorage;
        console.log(localStorage.key(0));  //键值是以0开始的。       
      
    //删除localStorage中全部键值对。
        var localStorage = window.localStorage;
        localStorage.setItem("name","Lee");
        localStorage.clear();
       alert(localStorage.getItem("name"));  //null
 
   

html5 存储篇(一)的更多相关文章

  1. HTML5存储方式

    由于之前在参加面试或者笔试的过程中经常会被问到HTML5存储的内容,包括它们之间的区别.特征和应用范围,所以看到一篇介绍不错的文章,把里面的个人觉得适合我的内容按照自己的理解总结如下.方便以后忘记了进 ...

  2. android之存储篇——SQLite数据库

    转载:android之存储篇_SQLite数据库_让你彻底学会SQLite的使用 SQLite最大的特点是你可以把各种类型的数据保存到任何字段中,而不用关心字段声明的数据类型是什么. 例如:可以在In ...

  3. html5存储相关 coookie localstorage session storage

    html5存储 coookie  localstorage   session storage

  4. Spring Boot 揭秘与实战(二) 数据存储篇 - 声明式事务管理

    文章目录 1. 声明式事务 2. Spring Boot默认集成事务 3. 实战演练4. 源代码 3.1. 实体对象 3.2. DAO 相关 3.3. Service 相关 3.4. 测试,测试 本文 ...

  5. Spring Boot 揭秘与实战(二) 数据存储篇 - ElasticSearch

    文章目录 1. 版本须知 2. 环境依赖 3. 数据源 3.1. 方案一 使用 Spring Boot 默认配置 3.2. 方案二 手动创建 4. 业务操作5. 总结 4.1. 实体对象 4.2. D ...

  6. Spring Boot 揭秘与实战(二) 数据存储篇 - MongoDB

    文章目录 1. 环境依赖 2. 数据源 2.1. 方案一 使用 Spring Boot 默认配置 2.2. 方案二 手动创建 3. 使用mongoTemplate操作4. 总结 3.1. 实体对象 3 ...

  7. Spring Boot 揭秘与实战(二) 数据存储篇 - Redis

    文章目录 1. 环境依赖 2. 数据源 2.1. 方案一 使用 Spring Boot 默认配置 2.2. 方案二 手动创建 3. 使用 redisTemplate 操作4. 总结 3.1. 工具类 ...

  8. Spring Boot 揭秘与实战(二) 数据存储篇 - JPA整合

    文章目录 1. 环境依赖 2. 数据源 3. 脚本初始化 4. JPA 整合方案一 通过继承 JpaRepository 接口 4.1. 实体对象 4.2. DAO相关 4.3. Service相关 ...

  9. Spring Boot 揭秘与实战(二) 数据存储篇 - MyBatis整合

    文章目录 1. 环境依赖 2. 数据源3. 脚本初始化 2.1. 方案一 使用 Spring Boot 默认配置 2.2. 方案二 手动创建 4. MyBatis整合5. 总结 4.1. 方案一 通过 ...

随机推荐

  1. android加载更多的图片

    这是昨天改进后的,我测试了下,可以加载图片到5万张,估计5万以上也是没问题的,我只试到5万,其实也没必要这么高,现实中1000左右就差不多了,不过我的应用到100就差不多了, package com. ...

  2. 限制div高度当内容多了溢出时显示滚动条

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"content= ...

  3. PHP 操作redis 详细讲解转的

    http://www.cnblogs.com/jackluo/p/3412670.html phpredis是redis的php的一个扩展,效率是相当高有链表排序功能,对创建内存级的模块业务关系 很有 ...

  4. 使用Vitamio打造自己的Android万能播放器(7)——在线播放(下载视频)

    前言 本章将实现非常实用的功能——下载在线视频.涉及到多线程.线程更新UI等技术,还需思考产品的设计,如何将新加的功能更好的融入到现有的产品中,并不是简单的加一个界面就行了,欢迎大家交流产品设计和技术 ...

  5. JavaScript之向文档中添加元素和内容的方法

    一.非DOM方法添加 1.document.write() <html xmlns="http://www.w3.org/1999/xhtml"> <head&g ...

  6. MATLAB中imshow()和image()

    MATLAB中imshow()和image(): IMSHOW Display image in Handle Graphics figure. IMSHOW(I) displays the gray ...

  7. 全面修复IE,注册IE所有dll

    全面修复IE,注册IE所有dll 复制,粘贴到文本文档里,保存成.bat文件,双击运行. rundll32.exe advpack.dll /DelNodeRunDLL32 %systemroot%\ ...

  8. Oracle Select into 用Sql server替换

    --Oracle: DECLARE n_count int; begin Select count(*) into n_count from from M_Test where ENTITYLSH = ...

  9. Java 动态代理(转)

    一.代理模式 代理模式是常用的java设计模式,他的特征是代理类与委托类有同样的接口,代理类主要负责为委托类预处理消息.过滤消息.把消息转发给委托类,以及事后 处理消息等.代理类与委托类之间通常会存在 ...

  10. python中,str和repr的区别

    str函数,它会把值转换为合理形式的字符串,以便用户可以理解. repr会创建一个字符串,它以合法的Python表达式的形式来表示值. 例如: >>> print repr(&quo ...