通過(guò)代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5本地存儲(chǔ)技術(shù)及應(yīng)用實(shí)例-文庫(kù)吧資料
2024-11-22 07:40本頁(yè)面
【正文】 /* Opera 7 */ wordwrap: breakword。 /* Mozilla, since 1999 */ whitespace: prewrap。 } scribbleContentTagID { whitespace: prewrap。 backgroundimage:url()。 應(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。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 8/13 頁(yè) 8 首先點(diǎn)擊瀏覽器右端的按鈕 ，然后在彈出的快捷菜單中的“工具”菜單內(nèi)打開(kāi)“ JavaScript 控制臺(tái)”子菜單。 （ 3）本地存儲(chǔ)中的數(shù)據(jù)對(duì)不同源的頁(yè)面文檔具有不可見(jiàn)性 但是如果繼續(xù)在同一臺(tái)機(jī)器中使用其它的瀏覽器（如 Firefox）打開(kāi)相同 URL 的地址頁(yè)面，此時(shí)的本地存儲(chǔ)中的數(shù)據(jù)將是不可見(jiàn)的，因?yàn)榇藭r(shí)由于是兩種不同的瀏覽器，因此是不同源的訪問(wèn)。而所謂的同源是指：規(guī)則（協(xié)議）、主機(jī)號(hào)（域名、 IP 地址等）和端口號(hào)、瀏覽器都相同。 /script /html 本示例在 IE9 中沒(méi)有任何的結(jié)果，但在 Google Chrome 瀏覽器中可以見(jiàn)到結(jié)果，并且點(diǎn)擊瀏覽器的“刷新”按鈕，頁(yè)面中的計(jì)數(shù)器值不斷地遞增。 */ 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 7/13 頁(yè) 7 = parseInt( (totalVisitCounter)) + 1。 charset=gb18030 titleHTML5 本地存儲(chǔ)的應(yīng)用示例 /title /head body div id=showVisitCounterTagID/div /body script type=text/javascript if (!(totalVisitCounter)){ (totalVisitCounter,0)。 因此如果是自定義的數(shù)據(jù)類型（如對(duì)象類型），則需要開(kāi)發(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)換。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 6/13 頁(yè) 6 當(dāng)然，如果希望一次性清除所有的名稱的鍵值對(duì)數(shù)據(jù)時(shí)，可以使用 ()函數(shù)（如果列表本來(lái)就是空的就什么都不做）。keyName39。 （ 4） removeItem()函數(shù)刪除指定名稱的數(shù)據(jù)值 但如果指定名稱的 key 所對(duì)應(yīng)的數(shù)據(jù)項(xiàng)目并不存在，則 removeItem()函數(shù)什么都不做。 （ 3） setItem()為指定名稱的 數(shù)據(jù)賦值 如果賦值的 key 已經(jīng)存在將會(huì)覆蓋該 key 所對(duì)應(yīng)的值，如果不存在該 key，則新建一個(gè)新的項(xiàng)。 var someTwoDataValue = [someTwoDataName ]。因此當(dāng)使用 setItem()函數(shù)添加相關(guān)的鍵值對(duì)數(shù)據(jù)時(shí)，如果目標(biāo) key 值的名稱已經(jīng)存在，將會(huì)實(shí)現(xiàn)同名的鍵值產(chǎn)生出更新的操作效果。 [someTwoDataName ]=”字符串?dāng)?shù)據(jù)值 ”。 =”字符串?dāng)?shù)據(jù)值 ”。存儲(chǔ)數(shù)據(jù)的方法其實(shí)就是直接給 window 對(duì)象內(nèi)的 localStorage 成員屬性再添加子成員屬性。)。 } else{ alert(39。瀏覽器支持本地存儲(chǔ) localStorage 技術(shù) 39。localStorage39。amp。localStorage39。 HTML5 本地存儲(chǔ) API （ 1） localStorage 和 sessionStorage 成員屬性 對(duì) localStorage 和 sessionStorage 成員屬性變量的使用完全相同。 （ 3）更多豐富易用的接口 W3C 在 HTML5 中為本地存儲(chǔ)提供了一套更為豐富的 API 接口，使得開(kāi)發(fā)人員對(duì)其中的數(shù)據(jù)操作更為簡(jiǎn)便。 （ 2）存儲(chǔ)內(nèi)容不會(huì)發(fā)
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號(hào)-1