0%

localstorage基本用法和设置过期

localstorage的用法很简单,setItem、getItem、removeItem和clear

setItem定义一个key值
用法:.setItem( key, value)
代码示例:

    
localStorage.setItem("data", "string");
    

getItem获取key值
用法:.getItem(key)
代码示例:

    
var site = localStorage.getItem("data");
    

removeItem删除key值
用法:.removeItem(key)
代码示例:

    
localStorage.removeItem("data");
    

clear清除所有的key
用法:.clear()
代码示例:

    
localStorage.clear();
    

还有一个sessionStorage的用法和localStorage是一样的,他们的区别就是sessionStorage的存活时间只是在当前打开的浏览器窗口,当浏览器窗口关闭那所有的sessionStorage就都没了。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据永远不会过期。

那么现在就有一个问题,如何给localStorage设个存活时间?其实我们可以在setItem时给这个localStorage加个deathTime,存一个时间戳,当我们再次打开页面的时候,取当前时间戳和每个localStorage的deathTime做比较,过期删除就可以了。完全可以做到替代cookie的作用。