效果圖：
瀏覽器儲存的不同方式：
(1)生命期為只在設定的cookie過期時間之前一直有效，即使視窗或瀏覽器關閉。 存放資料大小為4k左右 。有個數限制（各瀏覽器不同），一般不能超過20個。與伺服器端通訊：每次都會攜帶在http頭中，如果使用cookie儲存過多資料會帶來效能問題。
(2)sessionstorage僅在當前會話下有效，關閉頁面或瀏覽器後被清除。存放資料大小為一般為5mb,而且它僅在客戶端（即瀏覽器）中儲存，不參與和伺服器的通訊。源生介面可以接受，亦可再次封裝來對object和array有更好的支援。
(3)localstorage生命週期是永久，這意味著除非使用者顯示在瀏覽器提供的ui上清除localstorage資訊，否則這些資訊將永遠存在。存放資料大小為一般為20mb,而且它僅在客戶端（即瀏覽器）中儲存，不參與和伺服器的通訊。
基本用法：
localstorage.setitem("key","value");//以「key」為名稱儲存乙個值「value」
localstorage.getitem("key");//獲取名稱為「key」的值
localstorage.removeitem("key");//刪除名稱為「key」的資訊。
localstorage.clear();//清空localstorage中所有資訊
搜尋歷史記錄案例：js中json格式轉為物件或陣列為 json.parse(); 字串轉為json為 json.stringfy()
具體**：
清空搜尋記錄$(function () {
/*約定：json 陣列方式儲存資料
* 名字為historylist*/
/*1.根據資料列表渲染頁面*/
var historyjson = localstorage.getitem('historylist') || '';
//將得到的資料轉為陣列格式
var historyarr = json.parse(historyjson);
var render = function () {
//渲染頁面
var html = '';
historyarr.foreach(function (item, index) {
html += '' + item + '
刪除
瀏覽器儲存 的幾種方式
常見的瀏覽器儲存主要有 1.屬於文件物件模型 documentcookie，2.屬於瀏覽器物件模型 localstorage，sessionstorage，indexdb 一.cookie h5之前，儲存主要用cookie，缺點是請求頭上帶著資料，h5之前，儲存主要用cookies，缺點是在請求頭上...
不同瀏覽器不同效果
1.在internet explorer 8,opera 9,chrome,firefox 2 3,and safari下，新增display block會讓有序或無序列表中li元素的專案編號消失。但在ie6和ie7下，新增display block專案符號依舊存在。2.transition tra...
瀏覽器的儲存
cookie，localstorage，sessionstorage，indexdb 我們先來通過 學習下這幾種儲存方式的區別 特性cookie localstorage sessionstorage indexdb 資料生命週期 一般由伺服器生成，可以設定過期時間 除非被清理，否則一直存在 頁面關...