localStorage：HTML5新增的在浏览器端存储数据的方法。设置和获取localStorage的方法：
设置： localStorage.name = 'zjj';
获取： localStorage.name //zjj
sessionStorage: HTML5新增的在浏览器端存储数据的方法，设置和获取sessionStorage的方法：
设置： sessionStorage.name = 'zjj';
获取： sessionStorage.name //zjj
cookie：浏览器和服务器端都可以设置cookie，传统的用来存储数据的方法。
设置和获取方法见：http://www.cnblogs.com/zmj-blog/p/7119413.html
三者的关系和使用场景：
关系：
1.cookie在浏览器和服务器端来回传递数据，而localStorage和sessionStorage不会自动把数据发送给服务器，仅会保存在本地。cookie会在浏览器请求头或者ajax请求头中发送cookie内容。
2.cookie可以设置过期日期，sessionStorage是会话级的数据，浏览器窗口关闭即清楚，localStorage是永久性的数据，一旦赋值，不管多长时间这值都是存在的，除非手动清除。
3.cookie的存储大小受限制，一般不超过4k，而localStorage和sessionStorage的存储大小一般不超过5M，大大提高了存储的体积。
4.sessionStorage不跨窗口，在另外一个窗口打开sessionStorage就不存在了，它只在当前窗口有效，而cookie和localStorage都是跨窗口的，即使浏览器的窗口关闭，这两个值还是存在的。
使用场景：
localStorage可以用来统计页面访问次数。
sessionStorage可以用来统计当前页面元素的点击次数。
cookie一般存储用户名密码相关信息，一般使用escape转义编码后存储。
localStorage：HTML5新增的在浏览器端存储数据的方法。设置和获取localStorage的方法：
设置： localStorage.name = 'zjj';
获取： localStorage.name //zjj
sessionStorage: HTML5新增的在浏览器端存储数据的方法，设置和获取sessionStorage的方法：
设置： sessionStorage.name = 'zjj';
获取： sessionStorage.name //zjj
cookie：浏览器和服务器端都可以设置cookie，传统的用来存储数据的方法。
设置和获取方法见：http://www.cnblogs.com/zmj-blog/p/7119413.html
三者的关系和使用场景：
关系：
1.cookie在浏览器和服务器端来回传递数据，而localStorage和sessionStorage不会自动把数据发送给服务器，仅会保存在本地。cookie会在浏览器请求头或者ajax请求头中发送cookie内容。
2.cookie可以设置过期日期，sessionStorage是会话级的数据，浏览器窗口关闭即清楚，localStorage是永久性的数据，一旦赋值，不管多长时间这值都是存在的，除非手动清除。
3.cookie的存储大小受限制，一般不超过4k，而localStorage和sessionStorage的存储大小一般不超过5M，大大提高了存储的体积。
4.sessionStorage不跨窗口，在另外一个窗口打开sessionStorage就不存在了，它只在当前窗口有效，而cookie和localStorage都是跨窗口的，即使浏览器的窗口关闭，这两个值还是存在的。
使用场景：
localStorage可以用来统计页面访问次数。
sessionStorage可以用来统计当前页面元素的点击次数。
cookie一般存储用户名密码相关信息，一般使用escape转义编码后存储。