集团网站设计特性,个人免费设计网站,做网站必须要有的素材,wordpress标题设置方法localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。 他们均只能存储字符串类型的对象#xff08;虽然规范中可以存储其他原生类型的对象#xff0c;但是目前为止没有浏览器对其进行实现#xff09;。 localStorage生命周期是永久#xff0c;这意味着除… localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。· 他们均只能存储字符串类型的对象虽然规范中可以存储其他原生类型的对象但是目前为止没有浏览器对其进行实现。· localStorage生命周期是永久这意味着除非用户显示在浏览器提供的UI上清除localStorage信息否则这些信息将永远存在。sessionStorage生命周期为当前窗口或标签页一旦窗口或标签页被永久关闭了那么所有通过sessionStorage存储的数据也就被清空了。· 不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的localStorage页面属于相同域名和端口但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是页面及标签页仅指顶级窗口如果一个标签页包含多个iframe标签且他们属于同源页面那么他们之间是可以共享sessionStorage的。· localStorage和sessionStorage使用时使用相同的APIlocalStorage.setItem(key,value);//以“key”为名称存储一个值“value”localStorage.getItem(key);//获取名称为“key”的值枚举localStorage的方法for(vari0;ilocalStorage.length;i){ var name localStorage.key(i); var value localStorage.getItem(name);}删除localStorage中存储信息的方法localStorage.removeItem(key);//删除名称为“key”的信息。localStorage.clear();//清空localStorage中所有信息· 通过getItem或直接使用localStorage[key]获取到的信息均为实际存储的副本。例如localStorage.key {value1:value1};localStorage.key.value1a;这里是无法对实际存储的值产生作用的下面的写法也不可以localStorage.getItem(key).value1a;localStorage 方法localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后数据依然可用。如何创建和访问 localStorage实例script typetext/javascriptlocalStorage.lastnameSmith;document.write(localStorage.lastname);
/script下面的例子对用户访问页面的次数进行计数实例script typetext/javascript
if (localStorage.pagecount){localStorage.pagecountNumber(localStorage.pagecount) 1;}
else{ localStorage.pagecount1;}
document.write(Visits localStorage.pagecount time(s).);
/scriptsessionStorage 方法sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后数据会被删除。如何创建并访问一个 sessionStorage实例script typetext/javascriptsessionStorage.lastnameSmith;document.write(sessionStorage.lastname);
/script下面的例子对用户在当前 session 中访问页面的次数进行计数实例script typetext/javascript
if (sessionStorage.pagecount){sessionStorage.pagecountNumber(sessionStorage.pagecount) 1;}
else{ sessionStorage.pagecount1;}
document.write(Visits sessionStorage.pagecount time(s) this session.);
/script参考博客http://www.cnblogs.com/zjcn/archive/2012/07/03/2575026.html http://adamed.iteye.com/blog/1698740 http://blog.sina.com.cn/s/blog_6d01cce30101jrdw.html http://www.2cto.com/kf/201206/134313.html http://www.w3school.com.cn/html5/html_5_webstorage.asp 转载于:https://blog.51cto.com/shuizhongyue/1615532
