html5的web存储方式简介_其它编程

当前位置：首页 > 网站编程 > 其它编程 > 正文

本文介绍下，html5中web存储方式的一些知识，包括设置本地存储的方法、访问本地存储的方法、删除存储内容的方法等，用来作为html5 web存储方式的入门很不错。

一、web存储方式：
浏览器（客户端）访问服务器端时，携带的数据，之前这些数据保存在cookie中，但是cookie保存的数据大小有限。

html5的web存储
html5的web存储分为：
localStorage：
sessionStorage：
区别：localStorage 存储在客户端，大小没有限制，时间也没有限制

sessionStorage: 在当前访问的页面，一旦关闭这个页面，下次在访问的时候就会释放变量。

唯一区别：sessionStorage 保存的是当前访问的页面

1、localStorage 和 sessionStorage把数据保存到本地,下次直接可以访问到跟php中的session相似

三种设置本地存储的方法：

复制代码代码示例:

localStorage.t1 = ‘php’;

localStorage[‘t1’] = ‘cache’;

localStorage.setItem(‘t1’,’php’);

三种访问本地存储的方法：

复制代码代码示例:

localStorage.t1;

localStorage[‘t1’];

localStorage.getItem(‘t1’);

localStorage.getItem(localStorage.key(0))

删除存储内容的方法：

复制代码代码示例:

localStorage.removeItem(); //清除
localStorage.clear() //清除所有
localStorage.length //获得有多少键

localStorage.key() //获得存储的键对应的内容,获得元素的下标,下标从0开始
localStorage.getItem() 通过下标获得对应的值

html5的web存储方式简介