網站建設
                                                       
                                                          收藏本站 
                                                      用戶ID/郵箱: 密 碼:
                                                      客戶中心 Customer service 您目前的位置:首 頁 > 客戶中心 > DIV+CSS 



                                                      DIV+CSS,網站建設DIV+CSS:H5 web 存儲之 Webstorage

                                                      H5 web 存儲之 Webstorage

                                                      H5提供了兩種在客戶端存儲數據的方式:
                                                      localStorage 持久化的本地存儲(瀏覽器關閉重新打開數據依然存在)
                                                      sessionStorage 針對一個session的本地存儲
                                                      之前這些都是由cookie來完成的,cookie的特點是存儲量小,在服務器和客戶端之間來回
                                                      傳遞,傳輸效率不高。一般可以在判斷注冊的用戶是否登錄該本網站。
                                                      webStorage API 繼承于Window對象,并提供了兩個新的屬性
                                                      -Window.localStorage 和 Window.sessionStorage.
                                                      webStorage的優勢:

                                                      1. 相比cookie存儲容量增加
                                                      2. 可以將請求的表單數據存于本地,減少http請求,節約帶寬
                                                      3. webStorage擁有易用的API

                                                      webStorage的局限性:

                                                      1. 不同瀏覽器webStorage 和LocalStorage的大小不統一。
                                                      2. 在瀏覽器的隱私模式下面是不可讀取的
                                                      3. 本質上是對字符串的讀取,因此存儲內容過多時頁面會變卡
                                                      4. 不能被爬蟲抓取到

                                                      使用webStorage
                                                      1.存儲數據:
                                                      localStorage.name = ’value’;
                                                      localStorage[’name’] = ’value’;
                                                      localStorage.setItem(’name’,’value’);
                                                      注意鍵和值總是字符串。建議使用webStorage API
                                                      (setItem,getItem,removeItem,key,length)
                                                      2.獲取數據:
                                                      var value = localStorage.getItem(’name’);
                                                      var value = localStorage.name;
                                                      var value = localStorage[’name’];
                                                      3.刪除數據:
                                                      清空所有數據
                                                      localStorage.clear();
                                                      刪除特定數據;
                                                      localStorage.removeItem(’name’);
                                                      4.檢測瀏覽器是否支持:
                                                      function storageAvailable(type) {
                                                      try {
                                                      var storage = window[type],
                                                      x = ’__storage_test__’;
                                                      storage.setItem(x, x);
                                                      storage.removeItem(x);
                                                      return true;
                                                      }
                                                      catch(e) {
                                                      return false;
                                                      }
                                                      }
                                                      if (storageAvailable(’localStorage’)) {
                                                      // Yippee! We can use localStorage awesomeness
                                                      }
                                                      else {
                                                      // Too bad, no localStorage for us
                                                      }
                                                      5.就是存儲對象了,我們需要進行轉換為字符串存入,等到使用的時候取出再轉為對象。
                                                      var str = JSON.stringify(obj);
                                                      localStorage.mydata = str;
                                                      var obj = JSON.parse(localStorage.mydata);
                                                      到這里就結束了,算是對webStorage基本使用的一些小總結,希望可以對你有所幫助。


                                                      上一條: 軟文營銷需要哪些技巧步驟
                                                      下一條: 谷歌瀏覽器默認樣式的修改
                                                      相關文章
                                                      css常用屬性總結之 id和class的區別,使用類還是ID?
                                                      關于左邊固定,右邊自適應布局的響應式布局寫法
                                                      html實現 頁面禁止右鍵 禁止復制 禁止圖片拖動 禁止復制和剪切
                                                      推廣經驗分享
                                                      其它
                                                      網站建設資源
                                                      常見問題
                                                      網站知識
                                                      首頁關于我們業務范圍新聞資訊成功案例客服中心聯系我們深圳網站建設網站優化付款帳戶
                                                      COPYRIGHT(C) 2005-2019 亞網互聯·中國 版權所有 ALL RIGHTS RESERVED (粵ICP備15005241號)
                                                      深圳網站建設公司地址:深圳市寶安區龍華民治大道東明大廈15樓 1529-1531 室   E-Mail:[email protected]  
                                                      公司電話:0755-89812581(8線)  
                                                      深圳市亞網科技有限公司 深圳網站建設常年法律顧問:朱運德律師
                                                      四川金7乐18061809期

                                                                                                                                                              秒速赛车开奖直播 云南时彩开奖号码 秒速时时彩太假了 重庆时时彩网站通道 重庆时时开奖号 十分彩网可信吗 贵州十一选五app下载 天津老时时 台湾时时彩走势图网址 pk直播北京 8号彩票老版本 上海时时加盟 重庆时时彩手机app下载 上海时时票 江苏时时诈骗案 p62开奖结果走势图