新聞中心
HTML5 Web 存儲(chǔ)是什么?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。
創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),瓜州企業(yè)網(wǎng)站建設(shè),瓜州品牌網(wǎng)站建設(shè),網(wǎng)站定制,瓜州網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,瓜州網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力??沙浞譂M(mǎn)足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶(hù)成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
在客戶(hù)端存儲(chǔ)數(shù)據(jù)
HTML5 提供了兩種在客戶(hù)端存儲(chǔ)數(shù)據(jù)的新方法:
? localStorage - 沒(méi)有時(shí)間限制的數(shù)據(jù)存儲(chǔ)
? sessionStorage- 針對(duì)一個(gè) session的數(shù)據(jù)存儲(chǔ)
之前,這些都是由 cookie 完成的。但是 cookie 不適合大量數(shù)據(jù)的存儲(chǔ),因?yàn)樗鼈冇擅總€(gè)對(duì)服務(wù)器的請(qǐng)求來(lái)傳遞,這使得 cookie 速度很慢而且效率也不高。
在 HTML5 中,數(shù)據(jù)不是由每個(gè)服務(wù)器請(qǐng)求傳遞的,而是只有在請(qǐng)求時(shí)使用數(shù)據(jù)。它使在不影響網(wǎng)站性能的情況下存儲(chǔ)大量數(shù)據(jù)成為可能。
對(duì)于不同的網(wǎng)站,數(shù)據(jù)存儲(chǔ)于不同的區(qū)域,并且一個(gè)網(wǎng)站只能訪(fǎng)問(wèn)其自身的數(shù)據(jù)。
HTML5 使用 JavaScript 來(lái)存儲(chǔ)和訪(fǎng)問(wèn)數(shù)據(jù)。
localStorage 方法
localStorage 方法存儲(chǔ)的數(shù)據(jù)沒(méi)有時(shí)間限制。第二天、第二周或下一年之后,數(shù)據(jù)依然可用。
如何創(chuàng)建和訪(fǎng)問(wèn) localStorage:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
下面的例子對(duì)用戶(hù)訪(fǎng)問(wèn)頁(yè)面的次數(shù)進(jìn)行計(jì)數(shù):
XML/HTML Code復(fù)制內(nèi)容到剪貼板
刷新頁(yè)面會(huì)看到計(jì)數(shù)器在增長(zhǎng)。
請(qǐng)關(guān)閉瀏覽器窗口,然后再試一次,計(jì)數(shù)器會(huì)繼續(xù)計(jì)數(shù)。
sessionStorage 方法
sessionStorage 方法針對(duì)一個(gè) session 進(jìn)行數(shù)據(jù)存儲(chǔ)。當(dāng)用戶(hù)關(guān)閉瀏覽器窗口后,數(shù)據(jù)會(huì)被刪除。
如何創(chuàng)建并訪(fǎng)問(wèn)一個(gè) sessionStorage:
JavaScript Code復(fù)制內(nèi)容到剪貼板
下面的例子對(duì)用戶(hù)在當(dāng)前 session 中訪(fǎng)問(wèn)頁(yè)面的次數(shù)進(jìn)行計(jì)數(shù):
XML/HTML Code復(fù)制內(nèi)容到剪貼板
刷新頁(yè)面會(huì)看到計(jì)數(shù)器在增長(zhǎng)。
請(qǐng)關(guān)閉瀏覽器窗口,然后再試一次,計(jì)數(shù)器已經(jīng)重置了。
以上就是HTML5 Web 存儲(chǔ)詳解的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章!
看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對(duì)創(chuàng)新互聯(lián)的支持。
網(wǎng)頁(yè)題目:HTML5Web存儲(chǔ)是什么
文章地址:http://www.dlmjj.cn/article/gpeeso.html