html5离线存储数据库,Html5 Web的5中离线存储方式之localStorage

在HTML5越来越流行的今天，如果你还不知道离线存储，那就说明你落后了很多。

HTML5的离线存储方式有多种：Web SQL Database、LocalStorage、Cookie、WebStorage、IndexedDB、FileSystem。

Web SQL Database目前虽然还有浏览器支持，是唯一的关系数据库结构的存储，但W3C以及停止对其的维护和发展。我就不多说了。

今天我们主要看LocalStorage这种最简单的本地存储方式。

先来看一个小例子

HTML5中LocalStorage的使用

你浏览当前页面

N

次.

if (!localStorage.pageLoadCount)

localStorage.pageLoadCount = 0;

localStorage.pageLoadCount = parseInt(localStorage.pageLoadCount) + 1;

document.getElementById('count').textContent = localStorage.pageLoadCount;

运行结果显示：

你浏览当前页面18次

那么简单的一些API处理即是：

/**

* 保存/更新数据

*/

function saveDm(dataModel){

window.localStorage['DataModel'] = dataModel;

}

/**

* 获取数据

*/

function getDm(){

var value = window.localStorage['DataModel'];

if(value){

return value;

}

return '';

}

/**

* 删除数据

*/

function clearDm(){

if(window.localStorage['DataModel']){

delete window.localStorage['DataModel'];

}

}

大家有任何的问题都可以在智言的个人博客留言，我会随时跟大家交流互动的。