13996527831
詳細

localstorage本地存儲是什么意思?

發表日期:2014-10-23 10:05:55   作者來源:米卓網絡   瀏覽:    

  LocalStorage本地存儲作為HTML5本地存儲web storage特性的API之一,主要作用是將數據保存在客戶端中,而客戶端一般是指上海網站設計用戶的計算機。在移動設備上,由于大部分瀏覽器都支持web storage特性,因此在android和ios等智能手機上的web瀏覽器都能正常使用該特性。

LocalStorage本地存儲流程

  localStorage保存的數據,一般情況下是永久保存的,也就是說只要采用localstorage保存信息,數據便一直存儲在用戶的客戶端中。即使用戶關閉當前web瀏覽器后重新啟動,數據讓然存在。知道用戶或程序明確制定刪除,數據的生命周期才會結束。

  在安全性方面,localstorage是域內安全的,即localstorage是基于域的。任何在該域內的所有頁面,都可以訪問localstorage數據。但讓然存在一個問題,就是各個瀏覽器廠商的瀏覽器之間的數據是各自獨立的。也就是說,如果在firefox中使用localstorage存儲一組數據,在chrome瀏覽器下是無法讀取的。同樣,由于localstorage數據是保存在用戶的設備中的,因此同一個應用程序在不同設備上保存的數據是不同的。

  說到本地存儲,最早的Cookies自然是大家都知道,問題主要就是太小,大概也就4KB的樣子,而且IE6只支持每個域名20個cookies,太少了。優勢就是大家都支持,而且支持得還蠻好。很早以前那些禁用cookies的用戶也都慢慢的不存在了,就好像以前禁用javascript的用戶不存在了一樣。

  首先自然是檢測瀏覽器是否支持本地存儲。在HTML5中,本地存儲是一個window的屬性,包括localStorage和sessionStorage,從名字應該可以很清楚的辨認二者的區別,前者是一直存在本地的,后者只是伴隨著session,窗口一旦關閉就沒了。二者用法完全相同,這里以localStorage為例。

  if(window.localStorage){

  alert('This browser supports localStorage');

  }else{

  alert('This browser does NOT support localStorage');

  }

  存儲數據的方法就是直接給window.localStorage添加一個屬性,例如:window.localStorage.a 或者 window.localStorage["a"]。它的讀取、寫、刪除操作方法很簡單,是以鍵值對的方式存在的,如下:

  localStorage.a = 3;//設置a為"3"

  localStorage["a"] = "sfsf";//設置a為"sfsf",覆蓋上面的值

  localStorage.setItem("b","isaac");//設置b為"isaac"

  var a1 = localStorage["a"];//獲取a的值

  var a2 = localStorage.a;//獲取a的值

  var b = localStorage.getItem("b");//獲取b的值

  localStorage.removeItem("c");//清除c的值

  這里最推薦使用的自然是getItem()和setItem(),清除鍵值對使用removeItem()。如果希望一次性清除所有的鍵值對,可以使用clear()。另外,HTML5還提供了一個key()方法,可以在不知道有哪些鍵值的時候使用,如下:

  var storage = window.localStorage;

  function showStorage(){

  for(var i=0;i

  //key(i)獲得相應的鍵,再用getItem()方法獲得對應的值

  document.write(storage.key(i)+ " : " + storage.getItem(storage.key(i)) + "

  ");}

午夜时刻毛片免费观看