SOURCE

console 命令行工具 X clear

                    
>
console

<input type="text" >
<input type="button" value="存储">
<input type="button" value="获取">
<input type="button" value="删除">
<input type="button" value="删除all">

<input type="text" >
<input type="checkbox" >记住用户名

<script>
    
    //window.sessionStorage
//生命周期  为关闭浏览器窗口  
window.onload = function(){

oinp = document.querySelectorAll('input');

oinp[1].addEventListener ('click', function(){
    var val = oinp[0].value;
    sessionStorage.setItem('name',val);
})
oinp[2].addEventListener ('click', function(){
   console.log( sessionStorage.getItem('name'));
   
})
oinp[2].addEventListener ('click', function(){
  sessionStorage.removeItem('name');
})
oinp[3].addEventListener ('click', function(){
  sessionStorage.clear();
})


//window.localStorage 
//生命周期 永久生效 除非手动删除

var val4 = oinp[4].value;
if(localStorage.getItem('uname')){
    val4 = localStorage.getItem('uname');
}else {
    localStorage.removeItem('username');
}




}


 

</script>