通過(guò)代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5本地存儲(chǔ)技術(shù)及應(yīng)用實(shí)例(已修改)
2025-11-25 07:40 本頁(yè)面
【正文】 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 1/13 頁(yè) 1 目 錄 HTML5 本地存儲(chǔ)技術(shù) ................................................................................................... 2 本地存儲(chǔ)的常規(guī)實(shí)現(xiàn)技術(shù) .................................................................................. 2 HTML5 本地存儲(chǔ) API ....................................................................................... 3 本地?cái)?shù)據(jù)存儲(chǔ)實(shí)現(xiàn)示例 ...................................................................................... 5 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 2/13 頁(yè) 2 HTML5 本地存儲(chǔ)技術(shù) 及應(yīng)用實(shí)例 本地存儲(chǔ)的常規(guī)實(shí)現(xiàn)技術(shù) Web 應(yīng)用中的本地存儲(chǔ)的常規(guī)實(shí)現(xiàn)技術(shù) （ 1） Web 應(yīng)用中常規(guī)的本地存儲(chǔ)的實(shí)現(xiàn)技術(shù)是應(yīng)用 Cookie Web 開(kāi)發(fā)人員過(guò)去習(xí)慣使用 Cookie 在訪(fǎng)問(wèn)者的本地計(jì)算機(jī)上存儲(chǔ)信息，然后允許 Web 頁(yè)面稍后讀取此信息。雖然 Cookie 對(duì)于存儲(chǔ)基礎(chǔ)數(shù)據(jù)非常有用，但是它們受到以下事實(shí)的限制： 1) Web 瀏覽器不需要為每個(gè) Web 服務(wù)器保留超過(guò) 20 個(gè) Cookie 或 每個(gè) Cookie 超過(guò) 4KB 的數(shù)據(jù)（包括名稱(chēng)和值）。 2) 另外， Cookie 在每次 HTTP 請(qǐng)求時(shí)都發(fā)送到 Web 服務(wù)器，這是一種資源浪費(fèi)。 （ 2）典型常規(guī)的本地存儲(chǔ)實(shí)現(xiàn)技術(shù) 1) 最簡(jiǎn)單而且兼容性最佳的方案是 Cookie，但是 Cookie 在具體應(yīng)用時(shí)存在許多問(wèn)題； 2) 在 IE6 及以上版本中還可以使用 userData 特性相關(guān)的技術(shù)，它是微軟為 IE 專(zhuān)門(mén)在系統(tǒng)中開(kāi)辟的一塊存儲(chǔ)空間，允許每個(gè)頁(yè)面最多存儲(chǔ) 64K 數(shù)據(jù)，每個(gè)站點(diǎn)最多 640K數(shù)據(jù)， userData 的缺點(diǎn)顯而易見(jiàn)，它不是 Web 標(biāo)準(zhǔn)的一部分； 3) 在 Firefox 下 可以使用 globalStorage； 4) 在有 Flash 插件的環(huán)境中可以使用 Flash 中的 Flash SharedObject； 5) Google Gears 為 Google 的離線(xiàn)方案，已經(jīng)停止更新，官方推薦使用 html5 的localStorage 方案。 但這些傳統(tǒng)的實(shí)現(xiàn)方式都存在兼容性方面的局限性，也就是局限于某個(gè)特定的瀏覽器楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 3/13 頁(yè) 3 或者某個(gè)特定的技術(shù)實(shí)現(xiàn)平臺(tái)；而在 HTML5 中給出了更加理想的解決方案 —— 本地存儲(chǔ)（一般指的是 Web Storage 或 DOM Storage 規(guī)范），具體由 window 對(duì)象中的 sessionStorage與 localStorage 兩個(gè)對(duì)象體現(xiàn)。 HTML5 本地存儲(chǔ) API HTML5 為本地存儲(chǔ)提供了一套 API （ 1）本地存儲(chǔ) API 的主要作用 通過(guò)該組 API，開(kāi)發(fā)人員可以將信息存儲(chǔ)在訪(fǎng)問(wèn)者的計(jì)算機(jī)上，而且該信息可以隨時(shí)在 HTML 頁(yè)面中訪(fǎng)問(wèn)（甚至在頁(yè)面被呈現(xiàn)之后），并且不會(huì)隨著每次 HTTP 請(qǐng)求而被自動(dòng)加載，存儲(chǔ)的容量可以多達(dá) 5MB。該規(guī)范包括同源限制，這樣可以防止 Web 站點(diǎn)讀取或更改其他 Web 站點(diǎn)存儲(chǔ)的數(shù)據(jù)。 （ 2）本地存儲(chǔ) API 中的主要對(duì)象 在 HTML5 中實(shí)現(xiàn)本地存儲(chǔ)，可以應(yīng) 用 window 對(duì)象中的 localStorage 和 sessionStorage成員屬性變量。 localStorage 和 sessionStorage 對(duì)象的主要作用 （ 1） sessionStorage 用于本地存儲(chǔ)一個(gè)會(huì)話(huà)（ session）中的數(shù)據(jù) 這些數(shù)據(jù)只有在同一個(gè)會(huì)話(huà)中的頁(yè)面才能訪(fǎng)問(wèn)并且當(dāng)會(huì)話(huà)結(jié)束后數(shù)據(jù)也隨之銷(xiāo)毀 ——比如關(guān)閉瀏覽器窗口后導(dǎo)致會(huì)話(huà)結(jié)束， sessionStorage 也就會(huì)被銷(xiāo)毀。 因此 sessionStorage 不是一種持久化的本地存儲(chǔ)，僅僅是會(huì)話(huà)級(jí)別的存儲(chǔ) —— 可以實(shí)現(xiàn)在線(xiàn)狀態(tài)的跟蹤。但由 于基于安全性
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號(hào)-1