html5 web storage 笔记

web storage ：本地存储，浏览器打开f12

应用场景：本地的访问语言，用户的范文路径与访问文章在浏览器的位置之类的。

判断兼容：

if ( window.localStrorage ) { text.value = localStorage[ 'key1' ] ;}

 

localStorage, 永久的，除非手动删除。

session storage : 关闭浏览器就清除。  

根据回话场景判断使用local，还是session

 

使用方法：

存储本地：2种使用方法。get，set

localStorage.getItem('key');  推荐使用方法，如果内容不存在，返回内容为空

localStorage['key'];  如果访问内容不存在，返回undefind

 

localStorage.setItem('key','内容');

localStorage['key'];

 

其他补充内容：

id命名规则：id='txt_name';  单词用下划线分割，不用大写字母

类明明：class="nav-ul-li";  单子用中划线分割，