本地存储cookie,localStorage,sessionStorage

本地存储cookie,localStorage,sessionStorage

cookie

• 存放在客户端(浏览器中),存储大约4kb,存放条数大约20-50条,可以设置过期时间

	var d = new Date();
	//存储
	document.cookie='sex2=女'; //没有设置过期时间,当你关闭浏览器之后,会自动删除掉
	//存储并且设置过期时间
    document.cookie='sex2=女;expires='+d.toUTCString();
    //存储过期时间并设置存储位置
    document.cookie='sex1=女;expires='+d.toUTCString()+";path=/"; 

localStorage

• 存放在客户端,需要手动删除,存储大小为5MB

	localStorage.setItem('name','张三')   //添加
    localStorage.setItem('name','李四')  //相同key的情况下是修改
    var a = localStorage.getItem('name')   //根据key(索引,键)获取对应的值
    localStorage.removeItem('name')  //根据 键名 删除 
    localStorage.clear()  //清除全部的localstorage

sessionStorage

• 存放在客户端,临时存储,一关闭页面就删了,存储大小为5MB

	sessionStorage.setItem('name','王五')
    sessionStorage.removeItem('name')
    var a = sessionStorage.getItem('name')
    sessionStorage.clear()