兼容手机和浏览器:使用.setItem(key,value)存储key-value数据sessionStorage.setItem("key","value");localStorage.setItem("key","value");.getItem(key)根据key获取valuevarvalue=sessionStorage.getItem("key");varvalue=localStorage.getItem("key");.removeItem(key)删除指定key值sessionStorage.removeItem("key");localStorage.removeItem("key");.clear()--清除所有sessionStorage.clear();localStorage.clear();cookie与localStorage和sessionStorage的区别:cookie数据总是在同源http请求中携带(即使不需要),也就是在浏览器和服务器之间来回传递cookie。但是sessionStorage和localStorage不会自动向服务器发送数据,只是保存在本地。Cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径。存储大小限制也不同。cookie数据不能超过4k。同时,由于每个http请求都会携带一个cookie,cookie只适合保存小数据,比如session标识。sessionStorage和localStorage虽然也有存储大小的限制,但是比cookie大很多,可以达到5M甚至更大。数据的有效期不同,sessionStorage:只在当前浏览器窗口关闭前有效,自然不可能持久化;localStorage:一直有效,窗口或浏览器关闭后保存,所以作为持久化数据使用;cookie只在设置的cookie有效期内有效,直到过期时间,即使关闭了窗口或浏览器。作用域不同,sessionStorage在不同的浏览器窗口是不共享的,即使是在同一个页面;localStorage在所有同源窗口中共享;cookie也在同源的所有窗口中共享。WebStorage支持事件通知机制,可以将数据更新的通知发送给监听器。WebStorage的api接口使用起来更方便。
