sessionStorage基本用法及原理(为空处理)

sessionStorage是存在客户端浏览器上某一会话里的缓存,在同一会话下可共享
存储:

sessionStorage.setItem('keyName', JSON.stringify(valObj));

因为sessionStorage只能存字符串,所以存对象的时候要存成json,取的时候再处理:

var sessionInfo = JSON.parse(sessionStorage.getItem('keyName'));

今天发现一个问题,就是新打开的页面sessionStorge为空,我刚存进去的东西没有了
这时候可以用localStorage,localStorage可存在客户端本地,也就是说浏览器关闭了仍然存在,直到下次被更新才会更新;
但是lmt说这玩意有风险,可能被篡改;要我找到sessionStorage为空的原因
后来我找到了,为空的页面是我用a标签直接打开的,改变了它的href,因此它是一个新的会话,就没有原来的sessionStorage了;
改为onclick事件里写个window.open()

window.open("url","_blank")

我惊喜的发现这样打开的新页面里它还在,查了一下,它在open的时候会把上下文资源传给新页面,因此就获取到了sessionStorage里的值

你可能感兴趣的:(前端,前端)