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