国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML5 Web 存儲詳解

2019-10-26 17:42:09
字體:
來源:轉載
供稿:網友

在客戶端存儲數據

HTML5 提供了兩種在客戶端存儲數據的新方法:

• localStorage - 沒有時間限制的數據存儲

• sessionStorage - 針對一個 session 的數據存儲

之前,這些都是由 cookie 完成的。但是 cookie 不適合大量數據的存儲,因為它們由每個對服務器的請求來傳遞,這使得 cookie 速度很慢而且效率也不高。

在 HTML5 中,數據不是由每個服務器請求傳遞的,而是只有在請求時使用數據。它使在不影響網站性能的情況下存儲大量數據成為可能。

對于不同的網站,數據存儲于不同的區域,并且一個網站只能訪問其自身的數據。

HTML5 使用 JavaScript 來存儲和訪問數據。

localStorage 方法

localStorage 方法存儲的數據沒有時間限制。第二天、第二周或下一年之后,數據依然可用。

如何創建和訪問 localStorage:

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE HTML>   <html>  
  2. <body>     
  3. <script type="text/javascript">     
  4. localStorage.lastname="Smith";    document.write("Last name: " + localStorage.lastname);   
  5.    </script>  
  6.    </body>  
  7. </html>  

下面的例子對用戶訪問頁面的次數進行計數:

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE HTML>   <html>  
  2. <body>     
  3. <script type="text/javascript">     
  4. if (localStorage.pagecount)        {   
  5.     localStorage.pagecount=Number(localStorage.pagecount) +1;        }   
  6. else        {   
  7.     localStorage.pagecount=1;        }   
  8. document.write("Visits: " + localStorage.pagecount + " time(s).");      
  9. </script>       
  10. <p>刷新頁面會看到計數器在增長。</p>     
  11. <p>請關閉瀏覽器窗口,然后再試一次,計數器會繼續計數。</p>     
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 盱眙县| 荥经县| 峡江县| 华蓥市| 客服| 文昌市| 宝应县| 舞阳县| 新巴尔虎左旗| 农安县| 温宿县| 时尚| 碌曲县| 承德市| 邯郸市| 图木舒克市| 肥东县| 崇明县| 砚山县| 德州市| 巴彦淖尔市| 武城县| 平湖市| 类乌齐县| 墨玉县| 宜兴市| 哈尔滨市| 盈江县| 元江| 迁西县| 荔浦县| 夹江县| 霍林郭勒市| 蒲城县| 老河口市| 上虞市| 通江县| 营山县| 大方县| 遂昌县| 旅游|