html5的兩種存儲(chǔ)方法指的是什么

今天給大家介紹一下html5的兩種存儲(chǔ)方法指的是什么。文章的內(nèi)容小編覺得不錯(cuò)，現(xiàn)在給大家分享一下，覺得有需要的朋友可以了解一下，希望對大家有所幫助，下面跟著小編的思路一起來閱讀吧。

目前成都創(chuàng)新互聯(lián)已為上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、洪湖網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

html5的兩種存儲(chǔ)方法是：1、application cache（應(yīng)用緩存），web應(yīng)用可以進(jìn)行緩存，即使在沒有網(wǎng)絡(luò)的情況下也能使用；2、本地存儲(chǔ)（localStorage或sessionStorage），可以在客戶端存儲(chǔ)數(shù)據(jù)。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

1.Application Cache

HTML5引入應(yīng)用緩存，意味著web應(yīng)用可以進(jìn)行緩存，即使在沒有網(wǎng)絡(luò)的情況下也能使用。

application cache有三個(gè)特點(diǎn)

離線瀏覽
已緩存的資源加載速度更快
減少服務(wù)器負(fù)載，瀏覽器將只從服務(wù)器下載更新過或更改過的資源

使用方法就是在 html標(biāo)簽中添加一個(gè)manifest屬性

每個(gè)指定了 manifest 的頁面在用戶對其訪問時(shí)都會(huì)被緩存。如果未指定 manifest 屬性，則頁面不會(huì)被緩存（除非在 manifest 文件中直接指定了該頁面）。

manifest 文件的建議的文件擴(kuò)展名是：".appcache"。

<!DOCTYPE HTML>
<html manifest="demo.appcache">

<body>
The content of the document......
</body>

</html>

manifest 文件是簡單的文本文件，它告知瀏覽器被緩存的內(nèi)容（以及不緩存的內(nèi)容）。

manifest 文件可分為三個(gè)部分：

CACHE MANIFEST - 在此標(biāo)題下列出的文件將在首次下載后進(jìn)行緩存
NETWORK - 在此標(biāo)題下列出的文件需要與服務(wù)器的連接，且不會(huì)被緩存
FALLBACK - 在此標(biāo)題下列出的文件規(guī)定當(dāng)頁面無法訪問時(shí)的回退頁面（比如 404 頁面）

一個(gè)完整的manifest文件

CACHE MANIFEST  
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html5/ /404.html

2.本地存儲(chǔ)

HTML5 提供了兩種在客戶端存儲(chǔ)數(shù)據(jù)的新方法：

localStorage - 沒有時(shí)間限制的數(shù)據(jù)存儲(chǔ)
sessionStorage - 針對一個(gè) session 的數(shù)據(jù)存儲(chǔ)

之前，這些都是由 cookie 完成的。但是 cookie 不適合大量數(shù)據(jù)的存儲(chǔ)，因?yàn)樗鼈冇擅總€(gè)對服務(wù)器的請求來傳遞，這使得 cookie 速度很慢而且效率也不高。

localStorage和sessionStorage都具有相同的操作方法，例如setItem()、getItem()和removeItem()等
localStorage和sessionStorage的方法：

setItem存儲(chǔ)value
用途：將value存儲(chǔ)到key字段
用法：.setItem( key, value)
代碼示例：

sessionStorage.setItem("key", "value");
localStorage.setItem("site", "js8.in");

getItem獲取value
用途：獲取指定key本地存儲(chǔ)的值
用法：.getItem(key)
代碼示例：

var value = sessionStorage.getItem("key"); 
var site = localStorage.getItem("site");

removeItem刪除key
用途：刪除指定key本地存儲(chǔ)的值
用法：.removeItem(key)
代碼示例：

sessionStorage.removeItem("key"); 
localStorage.removeItem("site");

clear清除所有的key/value
用途：清除所有的key/value
用法：.clear()

sessionStorage不是一種持久化存儲(chǔ)，瀏覽器關(guān)閉之后會(huì)隨之清除。而localStorage用于持久化的本地存儲(chǔ)，除非主動(dòng)刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過期的。

html是什么

html的全稱為超文本標(biāo)記語言，它是一種標(biāo)記語言，包含了一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動(dòng)畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

以上就是html5的兩種存儲(chǔ)方法指的是什么的全部內(nèi)容了，更多與html5的兩種存儲(chǔ)方法指的是什么相關(guān)的內(nèi)容可以搜索創(chuàng)新互聯(lián)之前的文章或者瀏覽下面的文章進(jìn)行學(xué)習(xí)哈！相信小編會(huì)給大家增添更多知識,希望大家能夠支持一下創(chuàng)新互聯(lián)！

分享文章：html5的兩種存儲(chǔ)方法指的是什么
本文路徑：http://muchs.cn/article18/ijdddp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、移動(dòng)網(wǎng)站建設(shè)、云服務(wù)器、定制開發(fā)、自適應(yīng)網(wǎng)站、關(guān)鍵詞優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容