HTML5离线缓存数据库存储

Question

林一个HTML5离线应用IM工作使用JSON字符串作为我的数据库

[ 
      {"id":"1","data":"a","group_name":"erwr"}, 
      {"id":"2","data":"b","group_name":"dasd"},       
      {"id":"3","data":"c","group_name":"yjg"},   
      ------------------------------- 
      ------------------------------- 
       // it has around 3000 elements 
    ] 

难道是这整个JSON存储在一个变量，并将像

var mydatabase = "the above json"; 
localStorage.setItem('mydb', JSON.stringify(mydatabase)); 

一个好主意

我认为javascript.so中var的最大字符数有一些限制，可能会遗漏json中的一些元素。

，即时通讯使用的就是把整个事情在一个隐藏的div

<div id="db" style="display:none">/**the above json**/</div> 

和访问像

var mydb = $('#db').html(); 
localStorage.setItem('mydb',mydb); 

我的问题另一种选择是第二种方法中最佳的一种？如果没有人请提供另一种最佳方式。

Answer 1

localStoage方法很好。大多数浏览器支持至少5 MB的localStorage，并且您的数据行看起来很小。 JavaScript可变大小没有固定限制。

将它置于隐藏的<div>会减慢初始页面加载速度。