# **操作sessionStorage**
>localStorage 和 sessionStorage 屬性允許在瀏覽器中存儲 key/value 對的數據。
sessionStorage 用于臨時保存同一窗口(或標簽頁)的數據,在關閉窗口或標簽頁之后將會刪除這些數據。
**提示:**如果你想在瀏覽器窗口關閉后還保留數據,可以使用[localStorage](https://www.runoob.com/jsref/prop-win-localstorage.html)屬性, 該數據對象沒有過期時間,今天、下周、明年都能用,除非你手動去刪除。
> 版本:無
```
<script type="text/javascript">
Every.use(['storage'],function(storage){
var sStorage = storage.sessionStorage;
/**
* 設置/儲存緩存
* @Author 任鵬鵬
* @param {[string]} key [鍵]
* @param {[string]} value [值]
* @param {Function} callback [回調]
* set(key,value,callback);
*/
sStorage.set('test','嗯嗯');
sStorage.set('testjson',{a:1,b:1},function(status){
// dosomething...
});
/**
* 獲取緩存
* @Author 任鵬鵬
* @param {[string]} key [鍵]
* @param {Function} callback [回調]
* get(key,callback)
*/
sStorage.get('testjson');
sStorage.get('testjson',function(value){
// dosomething...
});
/**
* 刪除緩存
* @Author 任鵬鵬
* @param {[string]} key [鍵]
* @param {Function} callback [回調]
* remove(key,callback)
*/
sStorage.remove('testjson');
sStorage.remove('testjson',function(status){
// dosomething...
});
/**
* 清除所有緩存
* @Author 任鵬鵬
* @param {Function} callback [回調]
* clear(callback)
*/
sStorage.clear();
sStorage.clear(function(status){
// dosomething...
});
/**
* 獲取所有的緩存
* @Author 任鵬鵬
* @param {Function} callback [回調]
* @ all(callback)
*/
sStorage.all();
sStorage.all(function(list){
console.log(list);
});
});
</script>
```
- 關于Every.js
- 如何使用
- 版本對應
- 全部模塊
- jquery 瑞士軍刀
- 模板引擎
- artTemplate.js 百度模板引擎
- doT.js 小而快的模板引擎
- mustache.js
- 圖形 / 圖像
- chart.js 基于 HTML5 的 JavaScript 圖表庫
- html2canvas 使用JavaScript截圖
- d3.js 數據驅動文件
- 編碼/加密
- md5.js 加密
- sha1.js 加密
- base64.js 加密解密
- 觸摸/滑動/特效
- swiper5.js 強大的觸摸屏插件
- WOW.js 讓頁面滾動更有趣
- 數據 / 存儲 / 字符 / 數字
- clipboard 現代化的拷貝文字
- storage 瀏覽器存儲
- localStorage
- sessionStorage
- underscore.js JavaScript 的實用工具
- store.js 跨瀏覽器的本地存儲
- 時間 / 日期
- timeago.js 時間轉換為幾天前
- 其他插件
- zepto.js 小巧版的jquery