web應用允許使用瀏覽器提供的api實現將資料儲存在使用者的電腦上
客戶端儲存主要使用一下幾種方式：
1、web儲存：相容ie在內的大部分瀏覽器
主要包含 localstorage 物件與 sessionstorage 物件，以鍵/值對的形式儲存。
物件主要有一下幾個方法：
（1）getitem(key)：獲取key儲存的數值
（2）setitem(key, value)：設定key的數值
（3）removeitem(key)：刪除'key'項
（4）clear()：全部刪除
/**
* 建立本地儲存，用於乙個域下在客戶端儲存資料
* 若能使用localstorage，則使用它來儲存資料，
* ie8及以下瀏覽器使用ie userdata，否則使用cookie
*/ createlocalstorage: function()
2、cookie：所有瀏覽器都支援
以下**實現基於cookie的儲存api
/**
* 使用cookie來實現類似localstorage一樣的儲存api
*/function cookiestorage(maxage, path), // 最終將返回該物件
all = document.cookie; // 獲取所有cookie資訊
if(all === '') return cookie; // 如果cookie，返回乙個空物件
var list = all.split(';'); // 以陣列來分割每乙個cookie
for(var i=0; ikeys.length) return null;
return keys[n];
}; // 返回指定名稱的cookie，不存在則返回null
this.getitem = function(key);
// 儲存cookie值
this.setitem = function(key, value)
// 將資料儲存在cookie物件中
cookie[key] = value;
var cookie = key + '=' + encodeuricomponent(value);
if(maxage) cookie += ';max-age=' + maxage;
if(path) cookie += ';path=' + path;
document.cookie = cookie;
}; // 移除cookie值
this.removeitem = function(key)
// 通重載入儲存的資料來初始化memory元素
// 引數是任意的，只要在儲存的時候存在即可
memory.load('userdatastorage');
this.getitem = function(key);
this.setitem = function(key, value);
this.removeitem = function(key);
};
JavaScript 客戶端檢測
能力檢測 最常用也最為人們廣泛接受的客戶端檢測形式是能力檢測 又稱特性檢測 能力檢測的目標不是識別特定的瀏覽器，而是識別瀏覽器的能力。採用這種方式不必顧及特定的瀏覽器如何如何，只要確定瀏覽器支援特定的能力，就可以給出解決方案。要理解能力檢測，首先必須要理解兩個重要的概念。第乙個概念就是先檢測達成目的...
客戶端儲存
他們的區別在儲存的有效期和作用域 localstorage儲存是永久性的,作用域是同源文件.同源文件由三個方面確定.埠號,協議,主機名.同樣也受限於瀏覽器廠家,不同瀏覽器廠家之間的localstorage是不能互享的.sessionstorage的儲存性是和頂層標籤是同步的,如果頂層標籤關閉,那麼s...
客戶端儲存
客戶端儲存 由於http協議是無狀態路的協議，其無法記住使用者的狀態，所以就有了客戶端儲存用來記錄使用者的狀態。同樣的客戶端儲存也是遵守同源策略，所以不同站點的頁面是無法讀取對方儲存的資料 有oatuh2.0 用來跨站登入的，即qq互聯這種登入方式。用於進行登入的很大都是用時序圖進行繪製的。儲存。安...