本地儲(chǔ)存由來的背景
由於HTML4時(shí)代Cookie的大小、格式、儲(chǔ)存資料格式等限制，網(wǎng)站應(yīng)用如果想在瀏覽器端儲(chǔ)存使用者的部分信息，那麼只能藉助於Cookie。但是Cookie的這些限制，也就導(dǎo)致了Cookie只能儲(chǔ)存一些ID之類的識(shí)別碼等簡(jiǎn)單的資料。
以下是Cookie的限制：
大多數(shù)瀏覽器支援最大為 4096 位元組的?Cookie。
瀏覽器也會(huì)限制網(wǎng)站可以在使用者電腦上儲(chǔ)存的?Cookie?的數(shù)量。大多數(shù)瀏覽器只允許每個(gè)網(wǎng)站儲(chǔ)存 20 個(gè)Cookie；如果嘗試儲(chǔ)存更多?Cookie，則最舊的?Cookie?便會(huì)被丟棄。
有些瀏覽器也會(huì)對(duì)它們將接受的來自所有網(wǎng)站的?Cookie?總數(shù)作出絕對(duì)限制，通常為 300 個(gè)。
Cookie預(yù)設(shè)都會(huì)隨著Http請(qǐng)求發(fā)送到後臺(tái)伺服器，但並不是所有請(qǐng)求都需要Cookie的，例如：js、css、圖片等請(qǐng)求則不需要Cookie。
為了破解Cookie的一系列限制，HTML5透過JS的新的API就能直接儲(chǔ)存大量的資料到客戶端瀏覽器，而且支援複雜的本地資料庫，讓JS更有效率。 HTML5支援兩種的WebStorage：
永久性的本機(jī)儲(chǔ)存（localStorage）
會(huì)話層級(jí)的本機(jī)儲(chǔ)存（sessionStorage）
#偵測(cè)是否支援localStorage：######
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)</title>
</head>
<body>
<div id="result"></div>
<script>
if(window.localStorage){ alert("瀏覽支持localStorage") }else{ alert("瀏覽暫不支持localStorage") } //或者 if(typeof window.localStorage == 'undefined'){ alert("瀏覽暫不支持localStorage") }
</script>
</body>
</html> 
