html5操作localStorage和SessionStorage的技巧

1. /***************************** localStorage START *****************************/ 
2.  
3. /* 检查是否支持localStorage */ 
4. function checkLocalStorage(){ 
5.     if(window.localStorage){ 
6.         return true; 
7.     }else{ 
8.         return false; 
9.     } 
10. } 
11.  
12. /* 设置 localStorage */ 
13. function setLocalStorage(key, val){ 
14.     window.localStorage.setItem(key, val); 
15. } 
16.  
17. /* 获取 localStorage */ 
18. function getLocalStorage(key){ 
19.     return window.localStorage.getItem(key); 
20. } 
21.  
22. /* 移除 localStorage */ 
23. function rmLocalStorage(key){ 
24.     return window.localStorage.removeItem(key); 
25. } 
26.  
27. /* 显示 localStorage */ 
28. function showLocalStorage(){ 
29.     var storage = window.localStorage; 
30.     for(var i=0;i<storage.length;i++){ 
31.         //key(i)获得相应的键，再用getItem()方法获得对应的值 
32.         document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>"); 
33.     } 
34. } 
35.  
36.  
37. /***************************** localStorage END *****************************/ 
38.  
39. /***************************** sessionStorage START *****************************/ 
40.  
41. /* 检查是否支持SessionStorage */ 
42. function checkSessionStorage(){ 
43.     if(window.sessionStorage){ 
44.         return true; 
45.     }else{ 
46.         return false; 
47.     } 
48. } 
49.  
50. var testPrivateModeKey = 'testPrivateModeKey', storage = window.sessionStorage,isNotPrivateMode=true; 
51. try { 
52.     // Try and catch quota exceeded errors 
53.     storage.setItem(testPrivateModeKey, 'No'); 
54.     storage.removeItem(testPrivateModeKey); 
55. } catch (error) { 
56.     isNotPrivateMode=false; 
57.     if (error.code === DOMException.QUOTA_EXCEEDED_ERR && storage.length === 0){ 
58.         k_alert('兼容错误','你的浏览器开启了“无痕浏览”模式，请先关闭“无痕浏览”再使用。'); 
59.     } 
60.     else { 
61.         throw error; 
62.     } 
63. } 
64.  
65. /* 设置 SessionStorage */ 
66. function setSessionStorage(key, val){ 
67.     if(isNotPrivateMode){ 
68.         window.sessionStorage.setItem(key, val); 
69.     } 
70. } 
71.  
72. /* 获取 SessionStorage */ 
73. function getSessionStorage(key){ 
74.     var channel = $("#Channel").val(); 
75.     if(channel=='csbj'){ 
76.         return window.sessionStorage.getItem(key); 
77.     } 
78.     else{ //微信 支付宝 
79.         if(key=="user"){ 
80.             return "{Data:1,Code:1}"; 
81.         } 
82.         else{ 
83.             return window.sessionStorage.getItem(key); 
84.         } 
85.     } 
86. } 
87.  
88. /* 移除 SessionStorage */ 
89. function rmSessionStorage(key){ 
90.     return window.sessionStorage.removeItem(key); 
91. } 
92.  
93. /* 显示 SessionStorage */ 
94. function showSessionStorage(){ 
95.     var storage = window.sessionStorage; 
96.     for(var i=0;i<storage.length;i++){ 
97.         //key(i)获得相应的键，再用getItem()方法获得对应的值 
98.         document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "<br>"); 
99.     } 
100. }