我必须使用javascript做一个基本的待办事项清单。要求添加一个新的待办事项,或删除一个。在那部分上一切都很好。
问题出在cookie方面。我需要将此待办事项列表保存在Cookie中,并使它们恢复到我离开它们的状态。但是,它不起作用。似乎在页面刷新时,我的浏览器一旦保存到to_list状态就卡住了,不想更新。
我在本地主机上(通过Bitnami MAMP)在localhost:8080端口上工作。
我尝试了chrome或safari,同样的问题。甚至尝试使用window.onload读取cookie,然后在创建cookie时使用window.onbeforeunload或window.unload,但没有任何变化(脚本位于HTML的head标签)。
在这里,我猜您会发现我的代码更容易阅读。
HTML:https://code.empreintesduweb.com/13302.html
JavaScript:https://code.empreintesduweb.com/13304.html
这是我的document.cookie保存状态: https://image.noelshack.com/fichiers/2019/03/6/1547910191-doc1.png
添加新的待办事项(带有“ 3”数字)后: https://image.noelshack.com/fichiers/2019/03/6/1547910297-doc2.png
刷新页面后: https://image.noelshack.com/fichiers/2019/03/6/1547910381-doc3.png
其他cookie名称来自我的几次测试。有时候,他似乎会在旧的边上创建一个具有相同名称的新cookie,然后将其删除,并每次都与旧的呆在一起。