通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5本地存儲技術(shù)及應(yīng)用實例-全文預(yù)覽
【正文】 數(shù)據(jù)時，如果目標(biāo) key 值的名稱已經(jīng)存在，將會實現(xiàn)同名的鍵值產(chǎn)生出更新的操作效果。 =”字符串?dāng)?shù)據(jù)值 ”。)。瀏覽器支持本地存儲 localStorage 技術(shù) 39。amp。 HTML5 本地存儲 API （ 1） localStorage 和 sessionStorage 成員屬性 對 localStorage 和 sessionStorage 成員屬性變量的使用完全相同。 （ 2）存儲內(nèi)容不會發(fā)送到服務(wù)器 傳統(tǒng)的 Cookie 中的數(shù)據(jù)內(nèi)容會隨著請求一并發(fā)送到服務(wù)器端，這對于本地存儲的數(shù)據(jù)是一種帶寬浪費。 本地緩存存儲 Web 頁面的主要優(yōu)點 與傳統(tǒng)的 Cookie 技術(shù)相比， HTML5 中的本地存儲有許多的優(yōu)點。 localStorage 和 sessionStorage 對象的主要作用 （ 1） sessionStorage 用于本地存儲一個會話（ session）中的數(shù)據(jù) 這些數(shù)據(jù)只有在同一個會話中的頁面才能訪問并且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀 ——比如關(guān)閉瀏覽器窗口后導(dǎo)致會話結(jié)束， sessionStorage 也就會被銷毀。 但這些傳統(tǒng)的實現(xiàn)方式都存在兼容性方面的局限性，也就是局限于某個特定的瀏覽器楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 3/13 頁 3 或者某個特定的技術(shù)實現(xiàn)平臺；而在 HTML5 中給出了更加理想的解決方案 —— 本地存儲（一般指的是 Web Storage 或 DOM Storage 規(guī)范），具體由 window 對象中的 sessionStorage與 localStorage 兩個對象體現(xiàn)。楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 1/13 頁 1 目 錄 HTML5 本地存儲技術(shù) ................................................................................................... 2 本地存儲的常規(guī)實現(xiàn)技術(shù) .................................................................................. 2 HTML5 本地存儲 API ....................................................................................... 3 本地數(shù)據(jù)存儲實現(xiàn)示例 ...................................................................................... 5 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 2/13 頁 2 HTML5 本地存儲技術(shù) 及應(yīng)用實例 本地存儲的常規(guī)實現(xiàn)技術(shù) Web 應(yīng)用中的本地存儲的常規(guī)實現(xiàn)技術(shù) （ 1） Web 應(yīng)用中常規(guī)的本地存儲的實現(xiàn)技術(shù)是應(yīng)用 Cookie Web 開發(fā)人員過去習(xí)慣使用 Cookie 在訪問者的本地計算機上存儲信息，然后允許 Web 頁面稍后讀取此信息。 （ 2）典型常規(guī)的本地存儲實現(xiàn)技術(shù) 1) 最簡單而且兼容性最佳的方案是 Cookie，但是 Cookie 在具體應(yīng)用時存在許多問題； 2) 在 IE6 及以上版本中還可以使用 userData 特性相關(guān)的技術(shù)，它是微軟為 IE 專門在系統(tǒng)中開辟的一塊存儲空間，允許每個頁面最多存儲 64K 數(shù)據(jù)，每個站點最多 640K數(shù)據(jù)， userData 的缺點顯而易見，它不是 Web 標(biāo)準(zhǔn)的一部分； 3) 在 Firefox 下 可以使用 globalStorage； 4) 在有 Flash 插件的環(huán)境中可以使用 Flash 中的 Flash SharedObject； 5) Google Gears 為 Google 的離線方案，已經(jīng)停止更新，官方推薦使用 html5 的localStorage 方案。 （ 2）本地存儲 API 中的主要對象 在 HTML5 中實現(xiàn)本地存儲，可以應(yīng) 用 window 對象中的 localStorage 和 sessionStorage成員屬性變量。 （ 2） localStorage 用于持久化的本地存儲 由于瀏覽器不能刪除通過 localStorage 創(chuàng)建的本地數(shù)據(jù)，除非用戶主動刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠不會過期的 —— 可以實現(xiàn)離線狀態(tài)的跟蹤，因為當(dāng)網(wǎng)頁下次
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1