在用戶端HTTP://www.aliyun.com/zixun/aggregation/17326.html">存儲資料
HTML 5 提供了兩種在用戶端存儲資料的新方法：
localStorage - 沒有時間限制的資料存儲
sessionStorage - 針對一個 session 的資料存儲
之前，這些都是由 cookie 完成的。 但是 cookie 不適合大量資料的存儲，因為它們由每個對伺服器的請求來傳遞，這使得 cookie 速度很慢而且效率也不高。
在 HTML 5 中，資料不是由每個伺服器請求傳遞的，而是只有在請求時使用資料。 它使在不影響網站性能的情況下存儲大量資料成為可能。
對於不同的網站，資料存儲于不同的區域，並且一個網站只能訪問其自身的資料。
HTML 5 使用 JavaScript 來存儲和訪問資料。
localStorage 方法
localStorage 方法存儲的資料沒有時間限制。 第二天、第二周或下一年之後，資料依然可用。
如何創建和訪問 localStorage：
實例
<script type="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>
親自試一試吧，代碼如下：
<! DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
localStorage.lastname="Smith";
document.write("Last name: " + localStorage.lastname);
</script>
</body>
</html>
下面的例子對使用者訪問頁面的次數進行計數：
實例
<script type="text/javascript">
if (localStorage.pagecount)
{
localStorage.pagecount=Number(localStorage.pagecount) +1;
}
else
{
localStorage.pagecount=1;
}
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script>
親自試一試吧，代碼如下：
<! DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
localStorage.lastname="Smith";
document.write("Last name: " + localStorage.lastname);
</script>
</body>
</html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
