Use localStorage on Website

localStorage是指本地存储，具体什么情况下会用，这个根据跟人情况而定吧。

它的几个主要功能分别是设置(setItem),读取(getItem),删除(removeItem)

获取localStorage的方法：

localSt = window.localStorage //chrome和safari下如此

向localStorage中添加内容

window.localStorage.setItem(yourKeyString, yourValue)

// OR

window.localStorage.yourKeyString = yourValue

从localStorage中获取内容

window.localStorage.getItem(yourKeyString)

// OR

window.localStorage.yourKeyString

从localStorage中删除某个内容

window.localStorage.removeItem(yourKeyString)

Case： 将表单内容存储到本地，并通过localStorage中存储的内容来设置表单内容

// 将表单内容存储到localStorage中，首先序列化表单内容

var formData = {}

// jQuery Code

$(yourFormID).serializeArray().map(function(data){formData[data.name] = data.value})

window.localStorage.setItem(yourKeyString, JSON.stringify(formData))

// 通过存储在localStorage中的表单内容来设置表单

var storeData = JSON.parse(window.localStorage.getItem(yourKeyString))

$.each(storeData, function(key, value) {

  $(yourFormID).find("[name='" + key + "']").val(value)

})

这个例子可能会用在以下情况：

表单是以对话框的形式展示的，在关闭对话框或者中途出现其它操作二导致对话框被关闭时，表单中填写的数据是无法保留的，此时可以用上面的方法来实现保留表单内容。只要在适当的时间触发保存操作（例如关闭对话框或者取消操作），然后在再次打开且希望通过localStorage设置表单时进行设置，并且在所有操作都完成之后（如提交了表单内容）清除localStorage中对于表单内容的保留。对于清除localStorage中某些内容，请参考文章前面。

最后，关于localStorage的使用问题，还可以参考LocalStorage And How To Use It On Websites