zoukankan      html  css  js  c++  java
  • html5 localStorage(本地存储)

    原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/html5-localstorage/

    html5提供两种新的客户端存储数据的方法:localStorage和sessionStorage。localStorage 方法是长期保存,存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。而sessionStorage 方法是临时保存,针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。这里主要讲解一下localstorage的用法。

    localstorage官方建议5M的存储空间,它只能存储字符串格式的数据,所以最好在每次存储时把数据转换成json格式,取出的时候再转换回来。

    例如我用的是angularjs:

    localStorage.setItem(“name”,angular.toJson(panda));

     

    localStorage主要有以下几种方法:

    setItem(“key”,“value”):存储名字为key的一个值value,如果key存在,就更新value

    getItem(“key”):获取名称为key的值,如果key不存在则返回null

    removeItem(“key”)删除名称为“key”的信息,这个key所对应的value也会全部被删除

    clear()清空localStorage中所有信息

    key():键的索引

    一个简单的例子:

     

    localStorage.setItem(“name”,“panda”);//设置name为panda
    localStorage.setItem(“name”,“Jane”);//覆盖之前的值,现在name所对应的值是Jane
    localStorage.getItem(“name”);//获取name的值,即Jane
    localStorage.removeItem(“name”);//删除name以及name的值
    localStorage.clear();//清除localstorage里边所有数据
    function forEachKey(callback) {//遍历显示localStorage中的key
      for (var i = 0; i < localStorage.length; i++) {
        callback(localStorage.key(i));
      }
    }
  • 相关阅读:
    生产环境Crontab专业实例
    Linux系统定时任务介绍
    Linux文件属性改变命令chown-chgrp-chattr-lsattr实践
    Linux命令总结
    Linux特殊权限位suid、sgid深度详细及实践
    企业场景-网站目录安全权限深度讲解及umask知识
    shell简介
    Nginx模块及配置虚拟主机
    安装Nginx
    Nginx简介
  • 原文地址:https://www.cnblogs.com/panda-zhang/p/5264250.html
Copyright © 2011-2022 走看看