Web APIs---17. 本地存储

1. 本地存储

Web APIs---17. 本地存储_第1张图片

2. window.sessionStorage

  • sessionStorage属于window对象
    Web APIs---17. 本地存储_第2张图片

    
    
    
    
    
    

Web APIs---17. 本地存储_第3张图片

3. window.localStorage

Web APIs---17. 本地存储_第4张图片


    
    
    
    
    
    

Web APIs---17. 本地存储_第5张图片

  • 关闭浏览器数据也存在,只有利用remove和clear才可用真正删除数据
  • 同一个浏览器下的不同页面也可用使用此数据(我在之前写sessionStorage的页面中也可以打印)
console.log(localStorage.getItem('uname'));//Lucy

4. 案例(记住用户名)

  • 要求:如果勾选用户名,下次打开浏览器,就在文本框里面自动显示上次登陆的用户名
  • 分析
    Web APIs---17. 本地存储_第6张图片

    记住用户名
    

你可能感兴趣的:(Web APIs---17. 本地存储)