两种技术可以实现:
一种是cookie;
另一种是哈希
cookie:会话跟踪技术 客户端。
session:会话跟踪技术 服务端。
cookie作用:将网页中的数据保存到浏览器中。
注意点:cookie默认不会保存任何数据。
cookie不能一次性设置多条数据,要想保存多条数据,只能一条一条设置。 cookie有大小和个数的限制。不同浏览器限制不同。个数:20~50,大小:4KB左右。
cookie作用范围:同一个浏览器的同一个路径下访问。如果在同一个浏览器中,默认情况下下一级路径就可以访问。如果在同一个浏览器中,想让上一级目录也能访问保存的cookie,那么需要添加一个path属性才可以。
document.cookie = "name=zs;path=/;";
例如:我们在www.it666.com下面保存了一个cookie,那么我们在edu.it666.com中是无法访问的。如果想在edu.it666.com也能访问,那么我们需要再添加一句代码domain=it666.com;
document.cookie = "name=zs;path=/;domain=127.0.0.1;";
cookie生命周期:默认情况下生命周期是一次会话(浏览器被关闭)。如果通过expires=设置了过期时间,并且过期时间没有过期,那么下次打开浏览器还是存在。如果通过expires=设置了过期时间,如果已经过期了,那么回立即删除保存的数据。
例:
var date = new Date();
date.setDate(date.getDate() - 1);
document.cookie = "age=33;expires="+date.toGMTString()+";";