通過代碼示例跟我學html5相關(guān)技術(shù)——html5本地存儲技術(shù)及應(yīng)用實例-免費閱讀
【正文】 （ 2）應(yīng)用 ()將 JSon 字符串轉(zhuǎn)換為 JS 對象 var jsonString = (39。 someOneObject. personEmail = 39。 + ( == localStorage) + 39。 + + 39。 + + 39。/td/tr39。/td39。/td39。 } 監(jiān)聽本地存儲中的數(shù)據(jù)存儲事件 通過本地存儲中的數(shù)據(jù)存儲事件可以 監(jiān)聽本地存儲中的數(shù)據(jù)內(nèi)容的改變狀況，從而對數(shù)據(jù)的改變產(chǎn)生相關(guān)的及時響應(yīng) —— 觀察者模型的事件，但存儲事件只有在存儲的內(nèi)容真正發(fā)生變化時才會被觸發(fā)。而且 contentEditable 屬性可以應(yīng)用到任何的 HTML 元素，例如圖像，列表，甚至是視頻內(nèi)容。 } /script /head body a class=clink href=39。)。 (39。 } .clink { color: 486891。 /* Inter Explorer + */ maxwidth: 300px。 width: 475px。 （ 2）本地存儲中的數(shù)據(jù)對同源的頁面文檔具有可見性 由于瀏覽器的同源策略，網(wǎng)絡(luò)連接的跨域訪問是不被允許的。 （ 5）本地存儲中的數(shù)據(jù)只能為字符串類型 由于目前通過 localStorage 對象中的 getItem()、 setItem()函數(shù)所實現(xiàn)的本地存儲中的數(shù)據(jù)只能為字符串類型，盡管 setItem(key,value)函數(shù)中的 value 的數(shù)據(jù)類型在理論上可以是任意類型，不過實際上瀏覽器會調(diào)用 value 中的 toString()函數(shù)獲取其字符串值并存儲到本地。 如何實現(xiàn)本地數(shù)據(jù)存儲（方法之二） （ 1）應(yīng)用 localStorage 對象中的 getItem()、 setItem()和 removeItem()函數(shù)操作本地存儲的數(shù)據(jù) （ 2） getItem()獲得指定名稱的數(shù)據(jù)值 如果要取值的 key 不 存 在 將 返 回 null ， 如 代 碼 示 例 ： var keyValue= (keyName)。代碼示例： =1。] !== null){ alert(39。 （ 4）獨立的存儲空間 每個域（包括子域）在客戶端系統(tǒng)中有獨立的存儲空間，各個存儲空間是完全獨立的，因此不會造成數(shù)據(jù)混亂。 （ 2） localStorage 用于持久化的本地存儲 由于瀏覽器不能刪除通過 localStorage 創(chuàng)建的本地數(shù)據(jù)，除非用戶主動刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠不會過期的 —— 可以實現(xiàn)離線狀態(tài)的跟蹤，因為當網(wǎng)頁下次被打開的時候，頁面中的相關(guān)控制程序仍然可以訪問上次打開該網(wǎng)頁時存儲的數(shù)據(jù)。 （ 2）典型常規(guī)的本地存儲實現(xiàn)技術(shù) 1) 最簡單而且兼容性最佳的方案是 Cookie，但是 Cookie 在具體應(yīng)用時存在許多問題； 2) 在 IE6 及以上版本中還可以使用 userData 特性相關(guān)的技術(shù)，它是微軟為 IE 專門在系統(tǒng)中開辟的一塊存儲空間，允許每個頁面最多存儲 64K 數(shù)據(jù)，每個站點最多 640K數(shù)據(jù)， userData 的缺點顯而易見，它不是 Web 標準的一部分； 3) 在 Firefox 下 可以使用 globalStorage； 4) 在有 Flash 插件的環(huán)境中可以使用 Flash 中的 Flash SharedObject； 5) Google Gears 為 Google 的離線方案，已經(jīng)停止更新，官方推薦使用 html5 的localStorage 方案。 但這些傳統(tǒng)的實現(xiàn)方式都存在兼容性方面的局限性，也就是局限于某個特定的瀏覽器楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 3/13 頁 3 或者某個特定的技術(shù)實現(xiàn)平臺；而在 HTML5 中給出了更加理想的解決方案 —— 本地存儲（一般指的是 Web Storage 或 DOM Storage 規(guī)范），具體由 window 對象中的 sessionStorage與 localStorage 兩個對象體現(xiàn)。 本地緩存存儲 Web 頁面的主要優(yōu)點 與傳統(tǒng)的 Cookie 技術(shù)相比， HTML5 中的本地存儲有許多的優(yōu)點。 HTML5 本地存儲 API （ 1） localStorage 和 sessionStorage 成員屬性 對 localStorage 和 sessionStorage 成員屬性變量的使用完全相同。瀏覽器支持本地存儲 localStorage 技術(shù) 39。 =”字符串數(shù)據(jù)值 ”。 （ 3）
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1