前端学习（1042）:todoList存储
生活随笔
收集整理的這篇文章主要介紹了
前端学习（1042）:todoList存储
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>todoList待辦事項</title><script src="./js/jquery.min.js"></script>
</head><body><header><section><label for="title">ToDoList</label><input type="text" id="title" placeholder="添加ToDo"></section></header><section><h2>正在進(jìn)行<span id="rodocount"></span></h2><ol id="todolist" class="demo-box"></ol><h2>已經(jīng)完成<span id="rodocount"></span></h2><ul id="donelist"></ul></section><footer>Copyright ©2014 todolist.cn</footer><script>var todolist = [{title: '我今天吃了八個饅頭',done: false}, {title: '我今天學(xué)習(xí)jq',done: false}, ];localStorage.setItem("todo", JSON.stringfy(todolist));//本地的數(shù)組轉(zhuǎn)換為json.stringfy();var data = localStorage.getItem("todo");console.log(typeof data);//獲取本地存儲數(shù)據(jù)需要把字符串?dāng)?shù)據(jù)轉(zhuǎn)換為對象形式j(luò)son.parsedata = JSON.parse(data);console.log(data);</script>
</body></html>
運(yùn)行結(jié)果
總結(jié)
以上是生活随笔為你收集整理的前端学习（1042）:todoList存储的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 莫言诺贝尔文学奖演讲全文：《讲故事的人》
- 下一篇： 前端学习（1041）:todolist-