localStorage属于HTML5的新功能之一,它的作用和之前学的cookie相像,都可以存东西,那么他们之间有什么区别么?今天查找了一些资料,写一些自己收集的区别如下:
cookie的大小约4k,兼容性在ie6及以上 都兼容,在浏览器和服务器间来回传递,因此它得在服务器的环境下运行,而且可以设定过期时间,默认的过期时间是session会话结束。
localStorage的大小约5M,兼容性在ie7及以上都兼容,有浏览器就可以,不需要在服务器的环境下运行, 会一直存在,除非手动清除 。
接下来是两者分别的使用。首先是localStorage的使用,它的使用方法有两种,两种都能实现写与读的功能。手动删除的两种在下面有详细介绍,其中删单个用getItem,删除全部用clear。记住Item里面的第一个是字母是i大写。
如何查看 localStorage:按F12找到application(resource)点击localStorage,里面有需要查看的写入的东西。
Cookie的使用方法:
写cookie: document.cookie='212';
读cookie: alert(document.cookie);
expires:设置过期时间
ar oDate=new Date();
oDate.setDate(oDate.getDate()+3);
document.cookie='a=212;expires='+oDate;
path: /(根目录) 默认存在当前目录
document.cookie='b=212;path=/;expires='+oDate;
domain: 存域名(放一级域名)
document.cookie='a=212;domain=www.baidu.com;expires='+oDate;
Cookie的存,取,删
存cookie: function setCookie(name,value,iDay);
获取cookie: getCookie(name)
删除cookie: removeCookie(name)
function removeCookie(name){setCookie(name,'任意值',iDay);}
网页换肤功能:
//调用的Cookie.js封装