存储位置不同：document.cookie存储在浏览器的Cookie中，而localStorage存储在浏览器的本地存储中。
存储容量不同：document.cookie的存储容量较小，一般为4KB左右，而localStorage的存储容量较大，一般为5MB左右。
生命周期不同：document.cookie的生命周期由cookie的过期时间决定，可以设置长期保存或者浏览器关闭时清除，而localStorage的数据会一直保存在本地，除非手动清除或者浏览器清除数据。
使用方式不同：document.cookie需要通过document.cookie属性进行读写，而localStorage可以通过localStorage对象的方法进行操作。
安全性不同：由于document.cookie的数据会在每次HTTP请求中传输到服务器端，存在被窃取的风险，而localStorage的数据只会保存在本地，安全性相对较高。
