发表于: 2018-12-05 21:23:40

1 726


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

今天了解了昨天师兄说的localstoragesessionstorage

Localstorage

localStorage 即本地存储,可用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。

 

HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。

特点:

1) 同源策略限制。若想在不同页面之间对同一个localStorage进行操作,这些页面必须在同一协议、同一主机名和同一端口下。(IE8和9存储数据仅基于同一主机名,忽略协议(HTTP和HTTPS)和端口号的要求)

 

2) 只在本地存储。localStorage的数据不会跟随HTTP请求一起发送到服务器,只会在本地生效。

 

3) 永久保存。保存的数据没有过期时间,直到手动去除。

 

4) 存储方式。localStorage的存储方式采用key、value的方式。value的值必须为字符串类型(传入非字符串,也会在存储时转换为字符串。true值会转换为"true")。

 

5) 存储上限限制:不同的浏览器存储的上限也不一样,但大多数浏览器把上限限制在5MB以下。

 

 

localStorage 比较适用2个地方

1) 数据比较大的临时保存方案。如在线编辑文章时的自动保存。

2) 多页面访问共同数据。sessionStorage只适用于同一个标签页,localStorage相比而言可以在多个标签页中共享数据。

 

2.2 方法

方法 string localStorage.key(int index) :返回当前 localStorage 对象的第index序号的key名称。若没有返回null。

 

方法 string localStorage.getItem(string key) :返回键名(key)对应的值(value)。若没有返回null。

 

方法 void localStorage.setItem(string key, string value) :该方法接受一个键名(key)和值(value)作为参数,将键值对添加到存储中;如果键名存在,则更新其对应的值。

 

方法 void localStorage.removeItem(string key) :将指定的键名(key)从 localStorage 对象中移除。

 

方法 void localStorage.clear() :清除 localStorage 对象所有的项。

sessionStorage HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。

JavaScript语言中可通过 window.sessionStorage sessionStorage 调用此对象


sessionStorage 非常适合SPA(单页应用程序),可以方便在各业务模块进行传值。

 string sessionStorage.key(int index) :返回当前 sessionStorage 对象的第index序号的key名称。若没有返回null。

 

方法 string sessionStorage.getItem(string key) :返回键名(key)对应的值(value)。若没有返回null。

 

方法 void sessionStorage.setItem(string key, string value) :该方法接受一个键名(key)和值(value)作为参数,将键值对添加到存储中;如果键名存在,则更新其对应的值。

 

方法 void sessionStorage.removeItem(string key) :将指定的键名(key)从 sessionStorage 对象中移除。

 

方法 void sessionStorage.clear() :清除 sessionStorage 对象所有的项。

今天主要使用的是get和set方法来传参和取参。

//传递玩家数量并且跳转页面
function license(){
if(inputNumber.value>3&&inputNumber.value<19){
sessionStorage.getItem('gNumber');
sessionStorage.getItem('wNumber');
sessionStorage.getItem('cNumber');
location.href="js2-character.html";
}else{
alert('请输入正确参数');
}
};

写了一下身份页面,用的是点击次数来统计的。

然后分发身份

明天计划的事情:(一定要写非常细致的内容) 

1.完成分发身份的随机数组,使用fisher随机算法计算

2.根据身份的数量完成法官日记的页面的书写

3.了解什么是Jquery
遇到的问题:(遇到什么困难,怎么解决的) 

看了一下正则有点不明白正则的作用仅仅是作为搜索的规则吗?
收获:(通过今天的学习,学到了什么知识)

学习了什么是localstoragesessionstorage,知道了如何传参。


返回列表 返回列表
评论

    分享到