在這用一個簡單的示例在講解一下如何利用Web Storage來保存和讀取數據。
示例HTML代碼如下：
示例所用到的liuyanben.js 代碼如下：
通過我們發現這個JS代碼中有三個調用的函數，savalocalStorage、loadlocalStorage和clearlocalStorage。
1.savalocalStorage：使用new Date().getTime()得到當前時間，調用loadlocalStorage，將時間保存為鍵名，將文本框中的保存為鍵值，再調用localStorage函數在頁面上顯示保存的數據。
2.loadlocalStorage：取得數據用到了localStorage.length和localStorage.key兩個重要的localStorage函數。localStorage.length是所有保存在localStorage中的數據條數，localStorage.key是將數據的索引號做為index傳入，可以得到索引號對應的數據。索引從0開始，如第2條數據的所以號是1。
3.clearlocalStorage：利用localStorage中的clear方法，清除保存在localStorage中的全部數據。
注：為什么以日期和時間來做為鍵名?因為日期和時間的值是以時間戳的形式進行管理，所以不可能存在重復的鍵名。
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。