一、前言

　　在近期的工作中，有前端同学告诉我要清除localStorage，我当时对localStorage完全没有概念，所以就在w3c看了一下相关的内容，下面简单的介绍一下。算是对iOS开发者普及H5的一些常识吧，高手请直接忽略。

二、localStorage && sessionStorage

　　在HTML5中，为了在客户端存储数据，HTML提供了两种在客户端存储数据的新方法：

　　* localStorage:没有时间限制的数据存储。

　　* sessionStorage:针对一个session的数据存储，也就是重新打开页面sessionStorage失效。

　　在之前，都是用cookie来完成的，但是cookie不适合大量的数据存储，因为他们由每个对服务器的请求来传递，所以速度慢效率也不高。在HTML5中，使用JavaScript来访问和存储数据。

1、localStorage

　　localStorage存储的数据没有时间限制。只要不被清理会一直存在。下面简单介绍一下相关方法以及使用。

　　①、判断浏览器是否支持localStorage。

　　　　我们只需要书写如下代码，然后在浏览器打开网页即可：

<!DOCTYPE html>

<html>

<head>

    <title>LocalStorage</title>

    <meta charset="utf-8">

</head>

<body>

    <script type="text/javascript">

        if (window.localStorage) {

            alert("浏览器支持localStorage");

        }else {

            alert("浏览器不支持localStorage");

        }

    </script>

</body>

</html>

　　②、localStorage存储实例

<!DOCTYPE html>

<html>

<head>

    <title>LocalStorage</title>

    <meta charset="utf-8">

</head>

<body>

    <script type="text/javascript">

        if (localStorage.requestcout) {

            localStorage.requestcout = Number(localStorage.requestcout)+1;

        }else {

            localStorage.requestcout = 1;

        }

        document.write("（这里是刷新就算一次访问页面）本网页的访问量是："+localStorage.requestcout+"次");

    </script>

</body>

</html>

现在直接在浏览器打开该html页面。然后刷新，结果如下：

这里面我刷新了13次，然后结果是13次。当我关闭刚才的网页再次打开的时候,结果如下：

可以看出，浏览器保存了原来的次数打开控制台可以看到：

　　③、存储/访问localStorage

　　　

localStorage.setItem("name","zhanggui");

localStorage["name"] = "zhanggui"；

var valure = localStorage.getItem("name");

var valure = localStorage["name"];

　　它的存储类似于iOS中的字典。这样就可以将name这个key存入value:zhanggui，然后取出。

　　④、清除localStorage

　

localStorage.removeItem("name"); //根据key值清空某个localStorage

localStorage.clear();   //这里是讲所有的localStorage清空

2、sessionStorage

　　sessionStorage和localStorage的操作差不多。唯一的区别就是localStorage每次打开页面还会存在，而sessionStorage每次打开页面都会初始化。就像刚才统计访问页面次数：

　　如果用sessionStorage来存储，那么下次打开页面他的访问次数是1，而不是累加上次请求次数。

三、iOS对localStorage && sessionStorage的支持

　　直接写了一个storage.html来进行测试。代码在这里：

这里进行了测试，结果是支持localStorage。具体可以参见代码。当我第一次打开的时候，运行结果如下：

当我重新打开该应用的时候，结果如下：

当我把整个项目删除重新安装，结果又是1次。

其中清空localStorage的方式如下：

 [self.contentWebView stringByEvaluatingJavaScriptFromString:@"localStorage.clear()"];

这样就可以清空localStorage。

　　sessionStorage就不在多介绍了，读者可以自行测试。

四、结语

　　简单就介绍这么多了。希望对iOS开发者有帮助。

iOS开发和localStorage/sessionStorage的更多相关文章

  1. 移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题

    移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题 开发H5 webapp时经常需要使用本地存储,如localStorage和sessionStor ...

  2. localStorage sessionStorage 和cookie等前端存储方式总结

    localStorage sessionStorage 和cookie localStorage localStorage是本地存储的,除非清空本地数据 localStorage不会自动把数据发给服务 ...

  3. js中cookie，localStorage(sessionStorage)的存取

    一.cookie (原生的不好用,自己简单封装) 1. 存cookie的方法: function setCookie(c_name,value,expiredays) { var exdate=new ...

  4. 本地存储常用方式 localStorage, sessionStorage，cookie 的区别 和 服务器存储session

    本地存储:把一些信息存储到客户端本地(主要目的有很多,其中有一个就是实现多页面之间的信息共享)       1. 离线缓存(xxx.manifest)  H5处理离线缓存还是存在一些硬伤的,所以真实项 ...

  5. iOS开发系列--Swift语言

    概述 Swift是苹果2014年推出的全新的编程语言,它继承了C语言.ObjC的特性,且克服了C语言的兼容性问题.Swift发展过程中不仅保留了ObjC很多语法特性,它也借鉴了多种现代化语言的特点,在 ...

  6. iOS开发系列--打造自己的“美图秀秀”

    --绘图与滤镜全面解析 概述 在iOS中可以很容易的开发出绚丽的界面效果,一方面得益于成功系统的设计,另一方面得益于它强大的开发框架.今天我们将围绕iOS中两大图形.图像绘图框架进行介绍:Quartz ...

  7. iOS开发之再探多线程编程：Grand Central Dispatch详解

    Swift3.0相关代码已在github上更新.之前关于iOS开发多线程的内容发布过一篇博客,其中介绍了NSThread.操作队列以及GCD,介绍的不够深入.今天就以GCD为主题来全面的总结一下GCD ...

  8. 总结iOS开发中的断点续传那些事儿

    前言 断点续传概述 断点续传就是从文件赏赐中断的地方重新开始下载或者上传数据,而不是从头文件开始.当下载大文件的时候,如果没有实现断点续传功能,那么每次出现异常或者用户主动的暂停,都会从头下载,这样很 ...

  9. iOS开发系列文章（持续更新……）

    iOS开发系列的文章,内容循序渐进,包含C语言.ObjC.iOS开发以及日后要写的游戏开发和Swift编程几部分内容.文章会持续更新,希望大家多多关注,如果文章对你有帮助请点赞支持,多谢! 为了方便大 ...

随机推荐

  1. Spring MVC 原理介绍（执行流程）

    Spring MVC工作流程图   图一   图二    Spring工作流程描述       1. 用户向服务器发送请求,请求被Spring 前端控制Servelt DispatcherServle ...

  2. html5的canvas绘制迷宫地图

    canvas标签一直是html5的亮点,用它可以实现很多东西.我想用它来绘画像迷宫那样的地图.借助到的工具有瓦片地图编辑器tiled(点击跳转到下载链接). 如图:如果你想要画像这样的迷宫地图,如果不 ...

  3. SQL常用语句（2）

    //计算表tb_Blog的字段个数 select count(*) from syscolumns where id=object_id('tb_Blog') 获取指定表的所有字段和字段类型 SELE ...

  4. Qt的tablewidget行列头自适应宽度

    Qt构造一个TableWidget后,窗口最大化后,列头默认不能自适应宽度,研究了一下,Qt提供了两种方式来处理这个问题,如下:   1. 使用horizontalHeader()->setRe ...

  5. Bootstrap学习笔记系列5------Bootstrap图片显示

    通过添加一下的class来实现bootstrap对图片的支持 img-round 通过border-radius:6px 来获得图片圆角 img-circle 通过border-radius:50%来 ...

  6. C# ACCESS数据库操作类

    这个是针对ACCESS数据库操作的类,同样也是从SQLHELPER提取而来,分页程序的调用可以参考MSSQL那个类的调用,差不多的,只是提取所有记录的数量的时候有多一个参数,这个需要注意一下! usi ...

  7. ASP.NET将文件写到另一服务器

    有时我们需要将来自于客户端的文件上传到WEB服务器端,并在服务端将文件存储到第三方文件服务器中存储. 实现如下: 1.在文件服务器B上建立一共享文件夹,同时在该服务器上创建一用户,如DocShareU ...

  8. 基于吉日嘎底层架构的Web端权限管理操作演示-菜单模块管理

    按照顺序,这一篇介绍菜单模块管理,主要演示如下操作: 新增.修改.锁定.解锁.删除.撤销删除 排序 角色成员管理 用户成员管理 导出菜单模块数据 也许你会问,你在这自吹自擂,你这个BS的权限管理有啥缺 ...

  9. Eclipse下FatJar插件的安装与使用

    在Eclipse下生成jar包分很多种情况.最简单的情况是没有用到第三方jar包,那么直接Export就可以生成jar包.但是如果用到了第三方jar包,那么就比较繁琐了,很不方便.FatJar可以解决 ...

  10. JMS中的消息通信模型

    1. MQ简介: 消息队列(Message Queue,简称MQ),是应用程序与应用程序之间的一种通信方法.应用程序通过发送和检索出入列队的针对应用程序的数据 - 消息来通信,而无需专用连接来链接它们 ...