通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5本地存儲(chǔ)技術(shù)及應(yīng)用實(shí)例(編輯修改稿)
2024-12-20 07:40 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 em()函數(shù)刪除指定名稱的數(shù)據(jù)值 但如果指定名稱的 key 所對(duì)應(yīng)的數(shù)據(jù)項(xiàng)目并不存在，則 removeItem()函數(shù)什么都不做。如下的代碼示例： (39。keyName39。)。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 6/13 頁(yè) 6 當(dāng)然，如果希望一次性清除所有的名稱的鍵值對(duì)數(shù)據(jù)時(shí)，可以使用 ()函數(shù)（如果列表本來(lái)就是空的就什么都不做）。 （ 5）本地存儲(chǔ)中的數(shù)據(jù)只能為字符串類型 由于目前通過 localStorage 對(duì)象中的 getItem()、 setItem()函數(shù)所實(shí)現(xiàn)的本地存儲(chǔ)中的數(shù)據(jù)只能為字符串類型，盡管 setItem(key,value)函數(shù)中的 value 的數(shù)據(jù)類型在理論上可以是任意類型，不過實(shí)際上瀏覽器會(huì)調(diào)用 value 中的 toString()函數(shù)獲取其字符串值并存儲(chǔ)到本地。 因此如果是自定義的數(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)換。 應(yīng)用 HTML5 本地存儲(chǔ)技術(shù)實(shí)現(xiàn)的頁(yè)面訪問計(jì)數(shù)器的應(yīng)用示例 （ 1）頁(yè)面示例 !DOCTYPE html html head meta equiv=ContentType content=text/html。 charset=gb18030 titleHTML5 本地存儲(chǔ)的應(yīng)用示例 /title /head body div id=showVisitCounterTagID/div /body script type=text/javascript if (!(totalVisitCounter)){ (totalVisitCounter,0)。 } /** 必須要應(yīng)用 parseInt 函數(shù)進(jìn)行格式轉(zhuǎn)換獲得具體的數(shù)據(jù)值 ，因?yàn)?HTML5 本地存儲(chǔ)只能存字符串，任何格式存儲(chǔ)的時(shí)候都會(huì)被自動(dòng)轉(zhuǎn)為字符串，所以讀取的時(shí)候，需要自己進(jìn)行類型的轉(zhuǎn)換。 */ 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 7/13 頁(yè) 7 = parseInt( (totalVisitCounter)) + 1。 (showVisitCounterTagID).innerHTML = 本頁(yè)面已經(jīng)被訪問了 + +次 。 /script /html 本示例在 IE9 中沒有任何的結(jié)果，但在 Google Chrome 瀏覽器中可以見到結(jié)果，并且點(diǎn)擊瀏覽器的“刷新”按鈕，頁(yè)面中的計(jì)數(shù)器值不斷地遞增。 （ 2）本地存儲(chǔ)中的數(shù)據(jù)對(duì)同源的頁(yè)面文檔具有可見性 由于瀏覽器的同源策略，網(wǎng)絡(luò)連接的跨域訪問是不被允許的。而所謂的同源是指：規(guī)則（協(xié)議）、主機(jī)號(hào)（域名、 IP 地址等）和端口號(hào)、瀏覽器都相同。 因此，如果在同一臺(tái)客戶端機(jī)器中打開兩個(gè) Google Chrome 瀏覽器并訪問同一個(gè) URL地址，在任何一個(gè)頁(yè)面上創(chuàng)建的本地存儲(chǔ)中的數(shù)據(jù)對(duì)另外一個(gè)頁(yè)面也是可見的。 （ 3）本地存儲(chǔ)中的數(shù)據(jù)對(duì)不同源的頁(yè)面文檔具有不可見性 但是如果繼續(xù)在同一臺(tái)機(jī)器中使用其它的瀏覽器（如 Firefox）打開相同 URL 的地址頁(yè)面，此時(shí)的本地存儲(chǔ)中的數(shù)據(jù)將是不可見的，因?yàn)榇藭r(shí)由于是兩種不同的瀏覽器，因此是不同源的訪問。 （ 4）思考 如果將示例中的 localStorage 改變?yōu)?sessionStorage，然后再進(jìn)行相同的測(cè)試，將會(huì)有什么不 同的結(jié)果？ 在 Google Chrome 瀏覽器中查看本地存儲(chǔ)的數(shù)據(jù) 許多瀏覽器提供瀏覽本地存儲(chǔ)中的數(shù)據(jù)的功能，可以在這些瀏覽器中直接查看頁(yè)面腳本程序所創(chuàng)建的各個(gè)本地存儲(chǔ)中的數(shù)據(jù)。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 8/13 頁(yè) 8 首先點(diǎn)擊瀏覽器右端的按鈕 ，然后在彈出的快捷菜單中的“工具”菜單內(nèi)打開“ JavaScript 控制臺(tái)”子菜單。 切換到“ Resources” 頁(yè)，在左邊的樹形節(jié)點(diǎn)中找到“ Local Storage”節(jié)點(diǎn)，點(diǎn)擊其中的 Key 鍵名為 totalVisitCounter 的本地存儲(chǔ)的變量及對(duì)應(yīng)的值。 應(yīng)用 HTML5 本地存儲(chǔ)技術(shù)實(shí)現(xiàn)網(wǎng)頁(yè)便利貼的應(yīng)用示例 （ 1）頁(yè)面代碼 html head 楊教授工作室 精心創(chuàng)作的優(yōu)
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號(hào)-1