HTML5中的localStorage用法

桃子紅了吶發表於2017-01-01

儲存資料的方法就是直接給window.localStorage新增一個屬性,例如:window.localStorage.name 或者 window.localStorage[“name”]。

1.設定setItem

2.讀取getItem

3.刪除removeItem

4.全部清除clear

    localStorage.name = `jack`;
    localStorage.getItem(`name`); // jack
    localStorage.setItem(`name`,`tom`); // 重新覆蓋,變為了tom了
    localStorage.setItem(`age`,`18`);
    localStorage.getItem(`name`); // tom
    localStorage.getItem(`age`);  // 18
    localStorage.removeItem(`name`);
    localStorage.getItem(`name`); // 已經被清除了null
    localStorage.getItem(`age`);  // 18
    localStorage.clear();         // 清除了所有
    localStorage.getItem(`age`); // null

需要注意的是:這裡的儲存不同意cookie,沒有時間限制。

本文轉自TBHacker部落格園部落格,原文連結:http://www.cnblogs.com/jiqing9006/p/5911969.html,如需轉載請自行聯絡原作者


相關文章