通過(guò)代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5本地存儲(chǔ)技術(shù)及應(yīng)用實(shí)例(存儲(chǔ)版)
【正文】 setItem()為指定名稱的 數(shù)據(jù)賦值 如果賦值的 key 已經(jīng)存在將會(huì)覆蓋該 key 所對(duì)應(yīng)的值，如果不存在該 key，則新建一個(gè)新的項(xiàng)。 因此如果是自定義的數(shù)據(jù)類型（如對(duì)象類型），則需要開發(fā)人員在相關(guān)的對(duì)象中自定義toString()函 數(shù)以返回目標(biāo)數(shù)據(jù)值或者將數(shù)據(jù)轉(zhuǎn)換為 JSON 字符串進(jìn)行存儲(chǔ)，然后再將所獲得的 JSON 字符串進(jìn)行數(shù)據(jù)格式的轉(zhuǎn)換。而所謂的同源是指：規(guī)則（協(xié)議）、主機(jī)號(hào)（域名、 IP 地址等）和端口號(hào)、瀏覽器都相同。 backgroundimage:url()。 padding: 120px 100px 100px 75px。 fontfamily: Arial,sansserif。userScribbleName39。 } else { currentScribbleText = 39。39。 但 contentEditable 并不提供自動(dòng)地保存所編輯的內(nèi)容，為此需要開發(fā)人員自己實(shí)現(xiàn)保存編輯的數(shù)據(jù)。 （ 1）本地存儲(chǔ)事件對(duì)象中的相關(guān)成員屬性 1) key：返回發(fā)生改變的 key 值； 2) oldValue：返回發(fā)生改變 key 值以前的 value 值； 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 12/13 頁(yè) 12 3) newValue：返回發(fā)生改變 key 值新的 value 值； 4) url：發(fā)生改變的 url 地址； 5) storageArea：返回發(fā)生改變的 Storage 對(duì)象 （ 2）代碼示例 為了監(jiān)聽 storage 事件，需要檢測(cè)瀏覽器支持哪種事件機(jī)制（ if () { (storage, handle_storage, false)。 row += 39。 row += 39。 (row)。/td39。/td39。/td/tr39。 someOneObject. personTelphone = 39。personKey39。 在應(yīng)用在直接保存 JSon 字符串，然后再在另一個(gè)頁(yè)面在讀出 JSon 字符串，并轉(zhuǎn)換回原始的 JS 對(duì)象。張三 39。td39。td39。td39。 + ( == localStorage) + 39。 + + 39。 + + 39。index++){ ((index)+ : + ((index)) + br)。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 11/13 頁(yè) 11 /script /body /html 在 HTML5 中，許多標(biāo)簽元素都提供有一個(gè) contentEditable 屬性，如果將此屬性設(shè)置為true，那么這個(gè)標(biāo)簽元素所在的區(qū)域內(nèi)的文字就可以在線編輯。 return false。userScribbleName39。).innerHTML。 lineheight: 。 /* Opera 7 */ wordwrap: breakword。 應(yīng)用 HTML5 本地存儲(chǔ)技術(shù)實(shí)現(xiàn)網(wǎng)頁(yè)便利貼的應(yīng)用示例 （ 1）頁(yè)面代碼 html head 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 9/13 頁(yè) 9 titleHTML5 Web 網(wǎng)頁(yè)便利貼示例 /title style type=text/css scribblepad { height: 475px。 /script /html 本示例在 IE9 中沒(méi)有任何的結(jié)果，但在 Google Chrome 瀏覽器中可以見到結(jié)果，并且點(diǎn)擊瀏覽器的“刷新”按鈕，頁(yè)面中的計(jì)數(shù)器值不斷地遞增。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 6/13 頁(yè) 6 當(dāng)然，如果希望一次性清除所有的名稱的鍵值對(duì)數(shù)據(jù)時(shí)，可以使用 ()函數(shù)（如果列表本來(lái)就是空的就什么都不做）。 var someTwoDataValue = [someTwoDataName ]。存儲(chǔ)數(shù)據(jù)的方法其實(shí)就是直接給 window 對(duì)象內(nèi)的 localStorage 成員屬性再添加子成員屬性。localStorage39。 （ 3）更多豐富易用的接口 W3C 在 HTML5 中為本地存儲(chǔ)提供了一套更為豐富的 API 接口，使得開發(fā)人員對(duì)其中的數(shù)據(jù)操作更為簡(jiǎn)便。但由 于基于安全性的考慮，所有瀏覽器下
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號(hào)-1