位置:电子教程 > HTML5入门电子教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML5 简介
HTML5 Canvas教程
HTML5 基础标签
HTML5 表单属性和input详解
HTML5 高级部分
当前阅读教程:HTML5入门电子教程 > HTML5 Web 存储
阅读(22555525)      收藏       赞(5685)      分享
上一篇: HTML5 高级部分 下一篇: localStorage 对象

HTML5 web 存储,一个比cookie更好的本地存储方式。

什么是 HTML5 Web 存储?

使用HTML5可以在本地存储用户的浏览数据。

早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能.

数据以 / 对存在, web网页的数据只允许该网页访问使用。

浏览器支持

image.png

Internet Explorer 8+, Firefox, Opera, Chrome, Safari支持Web 存储。

注意:Internet Explorer 7 及更早IE版本不支持web 存储.

localStorage 和 sessionStorage

客户端存储数据的两个对象为:

n  localStorage - 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。

n  sessionStorage - 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

在使用 web 存储前,应检查浏览器是否支持 localStorage sessionStorage,示例

小白教程网www.2d5.net

代码如下:

if(typeof(Storage)!=="undefined")

{

    // 是的! 支持 localStorage  sessionStorage 对象!

    // 一些代码.....

} else {

    // 抱歉! 不支持 web 存储。

}


上一篇: HTML5 高级部分 下一篇: localStorage 对象
毕业设计网             广告联系QQ:45157718(微信同号)