HTML5中的localStorage用法
儲存資料的方法就是直接給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,如需轉載請自行聯絡原作者
相關文章
- Html5 Web的5中離線儲存方式之localStorageHTMLWeb
- localStorage、sessionStorage、Cookie的區別及用法SessionCookie
- *html5的localStorage之【增、刪、改、查】HTML
- HTML5本地儲存LocalstorageHTML
- HTML5 localStorage使用演示程式碼例項HTML
- HTML5本地儲存localStorage與sessionStorage詳解HTMLSession
- HTML5本地快取localStorage和sessionStorage的操作方法收集HTML快取Session
- HTML5系列之canvas用法HTMLCanvas
- React中Redux持久化State到localStorageReactRedux持久化
- localStorage、sessionStorage、Cookie的SessionCookie
- Html5 aside標籤的用法和作用HTMLIDE
- 在vue中,localStorage本地儲存應用。Vue
- js中的this用法JS
- SQL 中With as 的用法SQL
- Oracle中with的用法Oracle
- 前端:常見的6種HTML5錯誤用法前端HTML
- 避免常見的六種HTML5錯誤用法HTML
- HTML5中的IndexedDatabaseHTMLIndexDatabase
- localStorage.getItem()
- localStorage.setItem()
- localStorage.removeItem()REM
- cookie、sessionStorage、localStorageCookieSession
- cookie, sessionStorage, localStorageCookieSession
- cookie、sessionStorage、localStorage的區別?CookieSession
- sessionStorage和localStorage的區別Session
- MYSQL中replace into的用法MySql
- Java中super的用法Java
- mySQL中replace的用法MySql
- iOS 中 cell的用法iOS
- golang中channel的用法Golang
- 【 Oracle中rownum的用法 】Oracle
- Java中DecimalFormat的用法JavaDecimalORM
- MySQL中limit的用法MySqlMIT
- js中的||與&&用法JS
- c++中::的用法C++
- mysql中count的用法MySql
- java中filter的用法JavaFilter
- java中switch的用法Java