localStorage 方法
特點：持久化的本地存儲，除非主動手動刪除，否則數據一直不會過期。
方法：
1.設置
setItem(key,value)：在本地客戶端存儲一個字符串類型的數據。
setItem.key=value：也可以像這樣直接存儲。
保存數據：
localStorage.setItem(key, value);保存添加數據例子：
//方法1向本地存儲中添加一個名為name,值為"syl"的key-value對象 localStorage.setItem("name", "syl"); //方法2 localStorage["price"] = 1314; //方法3 localStorage.amount = 520;注：使用 setItem 方法保存數據時，將第一個參數 key 指定為鍵名，將第二個參數 value 指定為鍵值，保存時不允許保存相同的鍵名，保存后可以修改鍵值，但不允許改鍵名（只能重新取鍵名，然后再保存鍵值）。
2.獲取
getItem(key)：讀取已存儲在本地的數據，獲取鍵值。
localStorage.key：也可以像這樣直接獲取值。讀取數據：
localStorage.getItem(key);注：使用 getItem 方法讀取數據時，將參數指定為鍵名，返回鍵值。
3.刪除
removeItem(key)：移除已存儲在本地數據，通過鍵名作為參數刪除數據。
localStorage.clear()：也可以一次性清除刪除單個數據：
localStorage.removeItem(key);注：通過 key 刪除本地數據。
例子：
<body> <h1>簡單Web留言本</h1> <textarea id="memo" cols="60" rows="6"></textarea><br /> <input type="button" value="新增留言" onclick="saveStorage('memo');" /> <input type="button" value="清空數據" onclick="clearStorage();" /> <input type="button" value="清空最后一個數據" onclick="clearsingleStorage();" /> <hr /> <p id="msg"></p> <script type="text/javascript"> //savaStorage是一個新增留言的函數 function saveStorage(id) { //獲取textarea的value值 var data = document.getElementById(id).value; //獲取當前時間 var time = new Date().toUTCString(); //將當前時間作為鍵名，textarea的value值（也就是用戶輸入的值）的值作為鍵值 localStorage.setItem(time, data); //顯示留言 showMsg("msg"); } //showMsg是一個顯示留言的函數 function showMsg(id) { var result = '<table border="1">'; //遍歷本地儲存數據 for (var i = 0; i < localStorage.length; i++) { //獲取key值 var key = localStorage.key(i); //獲取value值 var value = localStorage.getItem(key); //顯示數據 result += "<tr><td>" + value + "</td><td>" + key + "</td></tr>"; } result += "</table>"; var target = document.getElementById(id); target.innerHTML = result; } //顯示留言 showMsg("msg"); //clearStorage是一個清空留言的函數 function clearStorage() { //清空數據 localStorage.clear(); //顯示留言 showMsg("msg"); } //clearsingleStorage是一個刪除單個數據的函數 function clearsingleStorage() { localStorage.removeItem(localStorage.key(localStorage.length - 1)); //顯示留言 showMsg("msg"); } </script> </body>