Question

如何设置html5本地存储

<script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
var divNum = 0;
function add(){
var tipStr1 = document.getElementById("name1").value;
var tipStr2 = document.getElementById("comments1").value;
var tipStr3 = document.getElementById("datepicker").value;
var divHtmlArr = new Array();
divHtmlArr.push("<div id=\"div"+divNum+"\" ");
divHtmlArr.push("style=\"overflow: auto;float:left;margin-left:1cm;background-image: url(0.png);width:250px;height:300px\" ");
divHtmlArr.push("<br/><br/><br/><center><b >"+tipStr1+"</b></center><br/>  "+tipStr2+"<br/>  <center>"+tipStr3+"</center></div> ");

var tmp = divHtmlArr.join('');
document.getElementById('main').innerHTML = document.getElementById('main').innerHTML + tmp;
var col =document.getElementsByTagName("input")
for(var i = 0;i < col.length;i++)
{
if (col[i].type == "text"||col[i].type =="hidden")
col[i].value="";
}
divNum++;
}
</script>

Answer 1

可以使用 JavaScript 来访问 HTML5 Storage，通过全局的 window 对象的 localStorage 对象。在我们使用之前，我们需要首先检测是否可用：

function supports_html5_storage() {
try {
return 'localStorage' in window && window['localStorage'] !== null;
} catch (e) {
return false;
}
}

HTML5 Storage 基于键值对存储。你要存储的数据需要有一个名字作为键，然后你就可以使用这个键读取这个数据。这个键是一个字符串；数据则可以是 JavaScript 支持的任何数据类型，包括字符串、布尔值、整数和浮点数。但是，我们通常将数据作为字符串进行存储。如果你存储读取非字符串数据，你就得使用类似 parseInt() 或者 parseFloat() 这样的函数，将读取的数字转换成所需要的 JavaScript 数据类型。

var foo = localStorage.getItem("bar");
// ...
localStorage.setItem("bar", foo);
也可以写成：

var foo = localStorage["bar"];
// ...
localStorage["bar"] = foo;

Answer 2

　　web存储最初作为HTML5的一部分被定义成API形式，但是后来被剥离出来作为独立的标准了。

　　web存储表转所描述的API包含localStorage对象和SessionStorage对象，这两个对象实际上是持久化关联数组，是名值对的映射表，“名”和“值”都是字符串。

　　例子：

    var name = localStorage.username; //查询一个储存的值
    name = localStorage["username"]; //等价于数组表示法
    if(!name){
        name = prompt("what is your name?");
        localStorage.username = name;
    }
    // 迭代所有存储的name/value对
    for(var name in localStorage){
        var value = localStorage[name];
    }