Search
[WebTech #41] HTML > 3. 標籤學習 > 3-8 HTML5 API > 3-8-3 本地存儲
Local Storage 有趣小範例：在瀏覽器上創造「便利貼」
看了這麼多 Local Storage 的說明，您會不會希望有個實際範例呢？沒問題！這裡有個「便利貼」（3M 出的，台灣有人也暱稱它為「小黃貼」）範例，可以滿足您的需求。裡面包含原始碼與解說，快來試試看喔！
https://www.ibm.com/developerworks/community/blogs/bobleah/entry/html5_code_example_of_contenteditable_and_localstorage_create_a_web_sticky_note
[WebTech #39] HTML > 3. 標籤學習 > 3-8 HTML5 API > 3-8-3 本地存儲
Local Storage API
本來的 HTML，任何東西都得到中央伺服器去取得，所以無法斷線，也不能在你機器內儲存任何東西。雖然這樣大大簡化了瀏覽器的製作，但只要一離線，什麼東西都不會運作了。加上移動式設備的興起，又不是人人都負擔得起高額的「吃到飽」連線費用，所以「能夠儲存一點資料，在客戶的瀏覽器內，免得樣樣都得靠中央伺服器」，就成了對 HTML5 的要求。
其實有種稱為「Cookie」的機制，是可以儲存一點東西在客戶端的。比如說「記住我的密碼」，就是利用 Cookie 儲存您的帳號密碼，於瀏覽器端。但是 Cookie 有最大 4KB 的限制，無法儲存太多東西。加上它完全不加密，任何人用一般的「筆記本（Notepad）」軟體，打開 Cookie 就看得到帳號密碼，因此引人詬病。
現在 HTML5 提供 Local Storage API，就是打算解決這些問題。想知道怎麼做嗎？看看這篇文章您就曉得了！
http://www.ibm.com/developerworks/cn/xml/x-html5mobile2/
浏览器 存储方案（Cookie、LocalStorage、SessionStorage） #5 ... web应用中的会话是指一个客户端浏览器和服务器之间连续发生的一系列请求和响应的 ... ... <看更多>
local storage瀏覽器 在 localStorage 基本使用方法 - 1010Code 的推薦與評價
Web Storage 為HTML5 標準中新加入的技術，主要分兩種一個是sessionStorage，另一個是localStorage，兩者差別就差在生命周期的不同而已，而早期瀏覽器 ... ... <看更多>