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