用什麼做h5數據存儲
㈠ HTMl5的時候，web storage能存儲大量數據嗎如何解決比較好，有教程的可以加分
"WebStorage適合存儲少量的數據，對於大量結構化的數據，則需要IndexedDB來處理。
IndexedDB 是HTML5中的一種數據存儲方式，支持存儲結構化數據。不同於Cookie和Web Storage，IndexedDB 提供了支持分組、循環訪問、搜索和篩選 javaScript 對象的功能。教程的話可以去土豆、優酷上看《Buid New World》，好像第六集是講這個的"
㈡ 關於html5 的 LocalStorage 本地存儲
以下是五大瀏覽器localStorage存儲方式：
除了Opera瀏覽器採用BASE64加密外（BASE64也是可以輕松解密的），其他瀏覽器均採用明文存儲數據。
所以，建議不要使用localStorage方式存儲敏感信息，那怕這些信息進行過加密。
以上參考《HTML5本地存儲localstorage安全分析》
http://blog.csdn.net/yangdeli888/article/details/7735260
㈢ html5的localStorage進行數據儲存
把相應的數據對用json對象的形式保存
比如 var jsonData = {'name':'lisi','age':'20','address':'fuzhou'};
再把json對象轉成字元串 var str=JSON.stringify(jsonData);
然後就可以保存了 localStorage.setItem('addData', str)；
到時候再把var getData = localStorage.getItem('addData')取出來後得到的也是字元串
所以還需把結果解析成json對象 var data = JSON.parse(getData);
這樣就得到json對象數據了， 就有data.name='lisi'，data.age='20' 一次類推
ps：數據也是可以和json對象一樣進行處理保存的
㈣ 介紹HTML5幾種存儲方式
HTML5 提供了兩種在客戶端存儲數據的新方法：..兩者都是僅在客戶端（即瀏覽器）中保存，不參與和伺服器的通信；
localStorage - 沒有時間限制的數據存儲,第二天、第二周或下一年之後，數據依然可用。
如何創建和訪問 localStorage：
<scripttype="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>
下面的例子對用戶訪問頁面的次數進行計數：
<scripttype="text/javascript">
if(localStorage.pagecount){
localStorage.pagecount=Number(localStorage.pagecount)+1;
}
else{
localStorage.pagecount=1;
}
document.write("Visits"+localStorage.pagecount+"time(s).");
</script>
sessionStorage - 針對一個 session 的數據存儲,當用戶關閉瀏覽器窗口後，數據會被刪除。
創建並訪問一個 sessionStorage：
<scripttype="text/javascript">
sessionStorage.lastname="Smith";
document.write(sessionStorage.lastname);
</script>
下面的例子對用戶在當前 session 中訪問頁面的次數進行計數：
<scripttype="text/javascript">
if(sessionStorage.pagecount){
sessionStorage.pagecount=Number(sessionStorage.pagecount)+1;
}
else{
sessionStorage.pagecount=1;
}
document.write("Visits"+sessionStorage.pagecount+"time(s)thissession.");
</script>
sessionStorage 、localStorage的區別
共同點：都是保存在瀏覽器端，且同源的。
區別：數據有效期不同，sessionStorage：僅在當前瀏覽器窗口關閉前有效，自然也就不可能持久保持；localStorage：始終有效，窗口或瀏覽器關閉也一直保存，因此用作持久數據；cookie只在設置的cookie過期時間之前一直有效，即使窗口或瀏覽器關閉。
作用域不同，sessionStorage不在不同的瀏覽器窗口中共享，即使是同一個頁面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知機制，可以將數據更新的通知發送給監聽者。Web Storage 的 api 介面使用更方便。
㈤ html5 本地存儲有多少種方案
html5 本地存儲有五種方案。
1、LocalStorage
LocalStorage就是Key-Value的簡單鍵值對存儲結構，Web Storage除了localStorage的持久性存儲外，還有針對本次回話的sessionStorage方式，一般情況下localStorage較為常用，示例代碼如下：
function save(dataModel){
var value = dataModel.serialize();
window.localStorage['DataModel'] = value;
window.localStorage['DataCount'] = dataModel.size();
console.log(dataModel.size() + ' datas are saved');
return value;
}
function restore(dataModel){
var value = window.localStorage['DataModel'];
if(value){
dataModel.deserialize(value);
console.log(window.localStorage['DataCount'] + ' datas are restored');
return value;
}
return '';
}
function clear(){
if(window.localStorage['DataModel']){
console.log(window.localStorage['DataCount'] + ' datas are cleared');
delete window.localStorage['DataModel'];
delete window.localStorage['DataCount'];
}
}
2、Cookie
這種存儲方式存儲內容很有限，只適合做簡單信息存儲，存取介面設計得極其反人類，舉例如下：
function getCookieValue(name) {
if (document.cookie.length > 0) {
var start = document.cookie.indexOf(name + "=");
if (start !== -1) {
start = start + name.length + 1;
var end = document.cookie.indexOf(";", start);
if (end === -1){
end = document.cookie.length;
}
return unescape(document.cookie.substring(start, end));
}
}
return '';
}
function save(dataModel) {
var value = dataModel.serialize();
document.cookie = 'DataModel=' + escape(value);
document.cookie = 'DataCount=' + dataModel.size();
console.log(dataModel.size() + ' datas are saved');
return value;
}
3、Indexed Database API
IndexedDB可以存儲結構對象，可構建key和index的索引方式查找，目前各瀏覽器的已經逐漸支持IndexedDB的存儲方式，其使用代碼如下，需注意IndexedDB的很多操作介面類似NodeJS的非同步回調方式，特別是查詢時連cursor的continue都是非同步再次回調onsuccess函數的操作方式，因此和NodeJS一樣使用上不如同步的代碼容易。
function save(dataModel){
var tx = db.transaction("meters", "readwrite");
var store = tx.objectStore("meters");
dataModel.each(function(data){
store.put({
id: data.getId(),
tag: data.getTag(),
name: data.getName(),
meterValue: data.a('meter.value'),
meterAngle: data.a('meter.angle'),
p3: data.p3(),
r3: data.r3(),
s3: data.s3()
});
});
tx.oncomplete = function() {
console.log(dataModel.size() + ' datas are saved');
};
return dataModel.serialize();
}
4、FileSystem API
FileSystem API相當於操作本地文件的存儲方式，目前支持瀏覽器不多，其介面標准也在發展制定變化中，因此也可以動態生成圖片到本地文件，然後通過 filesystem:http:*** 的URL方式直接賦值給img的html元素的src訪問。
function save(dataModel) {
var value = dataModel.serialize();
fs.root.getFile('meters.txt', {create: true}, function (fileEntry) {
console.log(fileEntry.toURL());
fileEntry.createWriter(function (fileWriter) {
fileWriter.onwriteend = function () {
console.log(dataModel.size() + ' datas are saved');
};
var blob = new Blob([value], {type: 'text/plain'});
fileWriter.write(blob);
});
});
return value;
}
5、Application Cache
window.applicationCache 對象是對瀏覽器的應用緩存的編程訪問方式。其 status 屬性可用於查看緩存的當前狀態：
var appCache = window.applicationCache;
switch (appCache.status) {
case appCache.UNCACHED: // UNCACHED == 0
return 'UNCACHED';
break;
case appCache.IDLE: // IDLE == 1
return 'IDLE';
break;
case appCache.CHECKING: // CHECKING == 2
return 'CHECKING';
break;
case appCache.DOWNLOADING: // DOWNLOADING == 3
return 'DOWNLOADING';
break;
case appCache.UPDATEREADY: // UPDATEREADY == 4
return 'UPDATEREADY';
break;
case appCache.OBSOLETE: // OBSOLETE == 5
return 'OBSOLETE';
break;
default:
return 'UKNOWN CACHE STATUS';
break;
};
㈥ html5 的本地存儲用在什麼地方
緩存、臨時信息的長期保存、離線信息等等很多用途
㈦ 如何設置html5本地存儲
web存儲最初作為HTML5的一部分被定義成API形式，但是後來被剝離出來作為獨立的標准了。
web存儲表轉所描述的API包含localStorage對象和SessionStorage對象，這兩個對象實際上是持久化關聯數組，是名值對的映射表，「名」和「值」都是字元串。
例子：
varname=localStorage.username;//查詢一個儲存的值
name=localStorage["username"];//等價於數組表示法
if(!name){
name=prompt("whatisyourname?");
localStorage.username=name;
}
//迭代所有存儲的name/value對
for(varnameinlocalStorage){
varvalue=localStorage[name];
}
㈧ HTML5網頁游戲用什麼保存數據好localstorage嗎
對，一般存在瀏覽器的本地存儲中（一個資料庫）。
當然cookie也可以。
如果不是純HTML5，比如用了flash、applet等技術，也可以用相應的介面來存。
㈨ html5 的「本地存儲」有什麼作用，是用在什麼地方的，還有。離線應用程序，都是用來做什麼的！啊啊啊！！
html5的本地存儲 就是一個輕量級的sqllite資料庫
離線應用 是ApplicationCache 用於在斷開網路連接的情況下 讀取本地緩存
瀏覽器緩存 不安全
本地緩存 可以指定緩存頁面 及文件
㈩ html5 的離線儲存方式有哪些
localStorage - 永久存儲
sessionStorage -關閉頁面消失
還可以創建本地資料庫 -沒研究過