文档章节

html5之本地存储

bosscheng
 bosscheng
发布于 2014/11/11 11:51
字数 309
阅读 60
收藏 1

前言


web Storage

sessionStorage(临时保存)

所谓session,就是用户再浏览网站的时候,从进入网站到浏览器关闭所经过的这段时间,也就是用户浏览了这个网站所花费的时间,session对象可以用来保存这段时间内所要求保存的任何数据。

localStorage(永久保存)

将数据保存在客户端本地的硬件设备上。


方法

setItem(key,value) 设置key

getItem(key) 获取key

removeItem(key) 移除掉 key

clear()  清除所有数据

key(n) 获取到第N个数据对象

属性

length : 长度

事件

storage事件

PS:IE8不支持storage事件,window8 下面的IE10 默认不开启localstorage 功能。

页面必须来自同一个域名(子域名无效),使用同一种协议,在同一个端口上。

可以通过监听storage事件实现多tab页面的交互事件

if(window.addEventListener){
    window.addEventListener("storage",handle_storage,false);
}
else if(window.attachEvent){
    window.attachEvent("onstorage",handle_storage);
}

// 对于data数据有:
function handle_storage(data){
    
}

ps:本人在IE8下面测试的,尼玛,居然不支持。

针对于IE的话,可以使用userData来实现本地存储。

兼容性

    

本地数据库

openDatabase:创建一个访问数据库的对象





© 著作权归作者所有

bosscheng
粉丝 80
博文 303
码字总数 95443
作品 0
南京
前端工程师
私信 提问
分享6个实用的HTML5本地存储(Local Storage)教程

日期:2011/12/12 来源:GBin1.com HTML5 中最强大并且最具有魅力的特性在于本地存储,使用本地存储可以大大的节约服务器端的压力,并且可以有效的利用客户端的计算性能。使用HTML5可以在客户...

gbin1
2011/12/12
2.9K
1
HTML5-localStorage、sessionStorage用法总结

localStorage和sessionStorage功能 localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只...

iNiL0119
2015/03/21
910
0
localStorage/cookie 用法分析与简单封装

  本地存储是HTML5中提出来的概念,分localStorage和sessionStorage。通过本地存储,web应用程序能够在用户浏览器中对数据进行本地的存储。与 cookie 不同,存储限制要大得多(至少5MB),...

杨小匠
2018/07/16
0
0
html5 sessionStorage 与 localStorage使用详解

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结...

Adam-Lee
2012/08/22
16.9K
1
本地存储—localStorage(HTML5)

localStorage简介 今夜死活睡不着,决定整理下最近搞得localStorage…… 先简单说下阐述下:localStorage 规范:http://dev.w3.org/html5/webstorage/ localStorage用于持久化的本地存储,除...

郏高阳
2013/01/03
14.1K
11

没有更多内容

加载失败,请刷新页面

加载更多

zk中ToBeAppliedRequestProcessor解析

ToBeAppliedRequestProcessor在Leader中 在已处理事务和最后处理事务处理器之间,处理器链上下一个是FinalRequestProcessor public void processRequest(Request request) throws RequestPro...

writeademo
10分钟前
1
0
Allegro快捷键设置-PCB环境

立题简介: 内容:简单介绍Allegro绘制的PCB环境下的快捷键; 来源:实际使用得出; 作用:对Allegro绘制PCB快捷键进行介绍; PCB环境:Cadence 16.6; 立题详解: 对“allegro”板而言,其在...

demyar
11分钟前
1
0
idea maven web项目启动build时报错java.lang.NullPointerException

之前还好好的,重启一下idea就报这个错了,大概率是tomcat没杀掉端口被占用了,在tomcat配置中更换一下sever端口就好了

宇辰OSC
15分钟前
1
0
weed3-2.3.1.查询之输出

Weed3 一个超轻量级ORM框架(只有0.1Mb哦) 源码:https://github.com/noear/weed3 源码:https://gitee.com/noear/weed3 查询可是个复杂的话题了,可能我们80%的数据库处理都在查询。 今天先...

刘之西东
15分钟前
1
0
【Android JetPack系列】数据绑定:DataBinding

参考MVVM

Agnes2017
23分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部