通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5本地存儲技術(shù)及應(yīng)用實例-wenkub
2022-11-25 07:40:02 本頁面
【正文】 或更改其他 Web 站點存儲的數(shù)據(jù)。但由 于基于安全性的考慮，所有瀏覽器下的 session 數(shù)據(jù)都是不允許跨域訪問的，包括跨子域也是不允許的。另外， Cookie 相關(guān)楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 4/13 頁 4 的技術(shù)也是不可或缺的，因為 Cookie 的作用是與服務(wù)器進(jìn)行交互 —— 在服務(wù)器相關(guān)的程序中可以操作 Cookie 中的數(shù)據(jù)。 （ 3）更多豐富易用的接口 W3C 在 HTML5 中為本地存儲提供了一套更為豐富的 API 接口，使得開發(fā)人員對其中的數(shù)據(jù)操作更為簡便。localStorage39。localStorage39。 } else{ alert(39。存儲數(shù)據(jù)的方法其實就是直接給 window 對象內(nèi)的 localStorage 成員屬性再添加子成員屬性。 [someTwoDataName ]=”字符串?dāng)?shù)據(jù)值 ”。 var someTwoDataValue = [someTwoDataName ]。 （ 4） removeItem()函數(shù)刪除指定名稱的數(shù)據(jù)值 但如果指定名稱的 key 所對應(yīng)的數(shù)據(jù)項目并不存在，則 removeItem()函數(shù)什么都不做。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 6/13 頁 6 當(dāng)然，如果希望一次性清除所有的名稱的鍵值對數(shù)據(jù)時，可以使用 ()函數(shù)（如果列表本來就是空的就什么都不做）。 charset=gb18030 titleHTML5 本地存儲的應(yīng)用示例 /title /head body div id=showVisitCounterTagID/div /body script type=text/javascript if (!(totalVisitCounter)){ (totalVisitCounter,0)。 /script /html 本示例在 IE9 中沒有任何的結(jié)果，但在 Google Chrome 瀏覽器中可以見到結(jié)果，并且點擊瀏覽器的“刷新”按鈕，頁面中的計數(shù)器值不斷地遞增。 （ 3）本地存儲中的數(shù)據(jù)對不同源的頁面文檔具有不可見性 但是如果繼續(xù)在同一臺機(jī)器中使用其它的瀏覽器（如 Firefox）打開相同 URL 的地址頁面，此時的本地存儲中的數(shù)據(jù)將是不可見的，因為此時由于是兩種不同的瀏覽器，因此是不同源的訪問。 應(yīng)用 HTML5 本地存儲技術(shù)實現(xiàn)網(wǎng)頁便利貼的應(yīng)用示例 （ 1）頁面代碼 html head 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 9/13 頁 9 titleHTML5 Web 網(wǎng)頁便利貼示例 /title style type=text/css scribblepad { height: 475px。 } scribbleContentTagID { whitespace: prewrap。 /* Opera 7 */ wordwrap: breakword。 fontfamily: Arial,sansserif。 lineheight: 。 fontweight:bold。).innerHTML。 } function getUserScribble() { var currentScribbleText。userScribbleName39。 } (39。 return false。javascript:clearLocal()。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 11/13 頁 11 /script /body /html 在 HTML5 中，許多標(biāo)簽元素都提供有一個 contentEditable 屬性，如果將此屬性設(shè)置為true，那么這個標(biāo)簽元素所在的區(qū)域內(nèi)的文字就可以在線編輯。 （ 1） length 屬性 返回存儲在 localStorage 對象中的鍵值對的個數(shù)。index++){ ((index)+ : + ((index)) + br)。 } = function (e) { var row = 39。 + + 39。 + + 39。 + + 39。 + + 39。 + (
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1