通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5本地存儲技術(shù)及應(yīng)用實(shí)例-預(yù)覽頁
【正文】 被打開的時(shí)候，頁面中的相關(guān)控制程序仍然可以訪問上次打開該網(wǎng)頁時(shí)存儲的數(shù)據(jù)。 （ 1）存儲空間更大和不受頁面刷新的影響 在 IE8 中每個(gè)獨(dú)立的存儲空間為 10M，其他瀏覽器實(shí)現(xiàn)略有不同，但都比 Cookie 要大很多。 （ 4）獨(dú)立的存儲空間 每個(gè)域（包括子域）在客戶端系統(tǒng)中有獨(dú)立的存儲空間，各個(gè)存儲空間是完全獨(dú)立的，因此不會造成數(shù)據(jù)混亂。 in window) amp。] !== null){ alert(39。瀏覽器不支持本地存儲 localStorage 技術(shù) 39。代碼示例： =1。 由于在本地存儲中的每個(gè)數(shù)據(jù)都必須要有一個(gè)唯一的鍵名（ key），不允許存在同名的鍵。 如何實(shí)現(xiàn)本地?cái)?shù)據(jù)存儲（方法之二） （ 1）應(yīng)用 localStorage 對象中的 getItem()、 setItem()和 removeItem()函數(shù)操作本地存儲的數(shù)據(jù) （ 2） getItem()獲得指定名稱的數(shù)據(jù)值 如果要取值的 key 不 存 在 將 返 回 null ， 如 代 碼 示 例 ： var keyValue= (keyName)。如下的代碼示例： (39。 （ 5）本地存儲中的數(shù)據(jù)只能為字符串類型 由于目前通過 localStorage 對象中的 getItem()、 setItem()函數(shù)所實(shí)現(xiàn)的本地存儲中的數(shù)據(jù)只能為字符串類型，盡管 setItem(key,value)函數(shù)中的 value 的數(shù)據(jù)類型在理論上可以是任意類型，不過實(shí)際上瀏覽器會調(diào)用 value 中的 toString()函數(shù)獲取其字符串值并存儲到本地。 } /** 必須要應(yīng)用 parseInt 函數(shù)進(jìn)行格式轉(zhuǎn)換獲得具體的數(shù)據(jù)值 ，因?yàn)?HTML5 本地存儲只能存字符串，任何格式存儲的時(shí)候都會被自動轉(zhuǎn)為字符串，所以讀取的時(shí)候，需要自己進(jìn)行類型的轉(zhuǎn)換。 （ 2）本地存儲中的數(shù)據(jù)對同源的頁面文檔具有可見性 由于瀏覽器的同源策略，網(wǎng)絡(luò)連接的跨域訪問是不被允許的。 （ 4）思考 如果將示例中的 localStorage 改變?yōu)?sessionStorage，然后再進(jìn)行相同的測試，將會有什么不 同的結(jié)果？ 在 Google Chrome 瀏覽器中查看本地存儲的數(shù)據(jù) 許多瀏覽器提供瀏覽本地存儲中的數(shù)據(jù)的功能，可以在這些瀏覽器中直接查看頁面腳本程序所創(chuàng)建的各個(gè)本地存儲中的數(shù)據(jù)。 width: 475px。 /* css3 */ whitespace: mozprewrap。 /* Inter Explorer + */ maxwidth: 300px。 fontsize: 140%。 } .clink { color: 486891。 textdecoration: none。 (39。 if ( (39。)。scribbleContentTagID39。 } /script /head body a class=clink href=39。39。而且 contentEditable 屬性可以應(yīng)用到任何的 HTML 元素，例如圖像，列表，甚至是視頻內(nèi)容。 （ 2） key(index)函數(shù)返回相應(yīng)的鍵名 應(yīng)用 localStorage 對象中的 key(index)函數(shù)可以在不了解 localStorage 對象中有哪些鍵值對時(shí)使用，由于 key(index)函數(shù)可以獲得指定順序號的鍵名，因此只要再應(yīng)用 getItem()函數(shù)也就能夠獲得相關(guān)的屬性值。 } 監(jiān)聽本地存儲中的數(shù)據(jù)存儲事件 通過本地存儲中的數(shù)據(jù)存儲事件可以 監(jiān)聽本地存儲中的數(shù)據(jù)內(nèi)容的改變狀況，從而對數(shù)據(jù)的改變產(chǎn)生相關(guān)的及時(shí)響應(yīng) —— 觀察者模型的事件，但存儲事件只有在存儲的內(nèi)容真正發(fā)生變化時(shí)才會被觸發(fā)。tr39。/td39。/td39。/td39。/td39。/td/tr39。, function(e) { var row = 39。 + + 39。 + + 39。 + + 39。 + + 39。 + ( == localStorage) + 39。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 13/13 頁 13 但沒有看到結(jié)果！個(gè)人猜測是瀏覽器對存儲事件監(jiān)聽的實(shí)現(xiàn)還不完善。 someOneObject. personEmail = 39。 (39。 （ 2）應(yīng)用 ()將 JSon 字符串轉(zhuǎn)換為 JS 對象 var jsonString = (39。
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1