localStorage
用户不主动删除永久存在,域名区分
sessionStorage
浏览器关闭时删除
操作:
写入:
localStorage/sessionStorage.setItem('key','value');
读取:
localStorage/sessionStorage.getItem('key');
删除:
localStorage/sessionStorage.removeItem('key');
代码示例:
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
</style>
</head>
<body>
<button class='local'>点我local存储</button>
<button class='session'>点我session存储</button>
<button class='co'>点我cookie</button>
<script>
;(function(){
document.querySelector('.local').onclick=function(){
//添加
localStorage.setItem('uname','jeff');
//读取
console.log(localStorage.getItem('uname'));
//删除
localStorage.removeItem('uname');
};
document.querySelector('.session').onclick=function(){
sessionStorage.setItem('uname2','mike');
console.log(sessionStorage.getItem('uname2'));
//关闭浏览器时删除
}
})()
</script>
</body>
</html>