Web Storage是HTML5引入的一個(gè)非常重要的功能,可以在客戶端本地存儲(chǔ)數(shù)據(jù),類似HTML4的cookie,但可實(shí)現(xiàn)功能要比cookie強(qiáng)大的多,cookie大小被限制在4KB,Web Storageguan 方建議為每個(gè)網(wǎng)站5MB。
創(chuàng)新互聯(lián)于2013年成立,先為安新等服務(wù)建站,安新等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為安新企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
永久性的本地存儲(chǔ):localStorage在最新的JS的API中增加了localStorage對(duì)象,便于用戶存儲(chǔ)永久存儲(chǔ)的Web端的數(shù)據(jù)。
首先我們新建一個(gè)html5的空白文檔,小編這里演示用的是Dreamweaver CS6,當(dāng)然其他文本編輯器也可以。
本地存儲(chǔ)localstorage 存儲(chǔ)方式:以鍵值對(duì)(Key-Value)的方式存儲(chǔ),永久存儲(chǔ),永不失效,除非手動(dòng)刪除。
html5中的WebStorage包括了兩種存儲(chǔ)方式:sessionStorage和localStorage。 sessionStorage 用于本地存儲(chǔ)一個(gè)會(huì)話(session)中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁(yè)面才能 訪問并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。
cookie:這是一種小型文本文件,瀏覽器會(huì)在用戶訪問特定網(wǎng)站時(shí)自動(dòng)發(fā)送到服務(wù)器。服務(wù)器可以使用 cookie 來(lái)跟蹤用戶的活動(dòng)、存儲(chǔ)用戶的偏好設(shè)置等。
Application CacheHTML5引入應(yīng)用緩存,意味著web應(yīng)用可以進(jìn)行緩存,即使在沒有網(wǎng)絡(luò)的情況下也能使用。
關(guān)系數(shù)據(jù)庫(kù),通過SQL語(yǔ)句訪問 Web SQL 數(shù)據(jù)庫(kù) API 并不是 HTML5 規(guī)范的一部分,但是它是一個(gè)獨(dú)立的規(guī)范,引入了一組使用 SQL 操作客戶端數(shù)據(jù)庫(kù)的 APIs。
HTML5 提供了兩種在客戶端存儲(chǔ)數(shù)據(jù)的新方法:..兩者都是僅在客戶端(即瀏覽器)中保存,不參與和服務(wù)器的通信;localStorage - 沒有時(shí)間限制的數(shù)據(jù)存儲(chǔ),第二天、第二周或下一年之后,數(shù)據(jù)依然可用。
首先我們新建一個(gè)html5的空白文檔,小編這里演示用的是Dreamweaver CS6,當(dāng)然其他文本編輯器也可以。
本地存儲(chǔ)localstorage 存儲(chǔ)方式:以鍵值對(duì)(Key-Value)的方式存儲(chǔ),永久存儲(chǔ),永不失效,除非手動(dòng)刪除。
現(xiàn)在,HTML5 提供了一種標(biāo)準(zhǔn)的接口,使程序員可以簡(jiǎn)單地訪問存儲(chǔ)的數(shù)據(jù)。由于鍵值對(duì)存儲(chǔ)在本地計(jì)算機(jī)上,在頁(yè)面加載完畢后可以通過 JavaScript 來(lái)操作這些數(shù)據(jù)。
html5標(biāo)準(zhǔn)中一個(gè)亮點(diǎn)就是提供了瀏覽器本地存儲(chǔ)的功能。方式有兩種:localStorage和 sessionStorage。 相對(duì)于cookie,他們具有存儲(chǔ)空間大的特點(diǎn),一般可以存儲(chǔ)5M左右,而cookie一般只有4k。
HTML5 的本地存儲(chǔ) API 中的 localStorage 與 sessionStorage 在使用方法上是相同的,區(qū)別在于 sessionStorage 在關(guān)閉頁(yè)面后即被清空,而 localStorage 則會(huì)一直保存。
localStorage中一般瀏覽器支持的是5M大小,在不同的瀏覽器中l(wèi)ocalStorage會(huì)有所不同。localStorage:用于長(zhǎng)久保存整個(gè)網(wǎng)站的數(shù)據(jù),保存的數(shù)據(jù)沒有過期時(shí)間,直到手動(dòng)去刪除。localStorage 屬性是只讀的。