JS基礎 Cookie與儲存

一、cookie是什麼

是一種客戶端（瀏覽器）把使用者資訊以檔案形式儲存到本地硬碟的技術，說白了就是一種

瀏覽器技術

二、cookie的作用

cookie的作用很單一，就是

儲存客戶資料

。（儲存資料的檔案叫cookie檔案）

三、cookie與變數的區別

變數：資料是儲存到記憶體中的，是一種暫時儲存（一關瀏覽器就沒了）

cookie:資料是儲存到cookie檔案中的（硬碟），是一種長期儲存（即使關了瀏覽器還存在）

四、cookie的注意事項

1、不同瀏覽器存放cookie的位置不同，也是不能通用的

2、cookie檔案的儲存以網域名稱形式進行區分的

3、cookie的資料可以設定名字（為了儲存大量資料和方便操作這些資料）

4、乙個網域名稱下存放cookie的數量是有限的，而不同瀏覽器存放的個數不同

5、每個cookie存放的內容大小也是有限的，而不同瀏覽器存放內容大小不同

五、從cookie中獲取資料

語法格式：

document.cookie  //name=leo; age=32

我們通過document.cookie來獲取當前網域名稱下的cookie時候，得到的是乙個字串型別的值，它包含了當前網域名稱下的所有cookie。所有cookie通過乙個分號+空格連線起來

六、向cookie中寫入資料

語法格式：

document.cookie = 'username=leo';
document.cookie = 'age=17';

七、cookie長期儲存資料

如果cookie要長時間儲存資料，需要在寫入cookie時同時給它設定乙個過期時間

語法格式：document.cookie = 'username=leo；expires=' + 時間;

注意：cookie檔案預設是臨時儲存的，當瀏覽器關閉時自動銷毀。

var odate = new date();
odate.setdate(odate.getdate() + 5);
document.cookie = 'username=leo；expires=' +odate;

八、ie相容問題

上面這種cookie長期儲存資料，在ie中有相容性問題。

原因：odate是object型別，而cookie中要求odate必須是字串

解決：把odate轉化成string型別

var odate = new date();
odate.setdate(odate.getdate() + 5);
document.cookie = 'username=leo；expires=' +odate.togmtstring();

九、儲存特殊字元問題

問題：在cookie儲存

特殊字元

的時候（例如：中文、轉義字元等），儲存不了特殊字元

解決：內容最好編碼存放（encodeuri編碼，decodeuri解碼）

var odate = new date();
odate.setdate(odate.getdate() + 5);
document.cookie = 'username='+encodeuri('你好嗎')+'；expires=' +odate.togmtstring();
alert(decodeuri(document.cookie));

十、封裝讀取單個cookie值的方法

由於document.cookie獲取的是該**下的所有cookie值，為了能夠獲取所需的那個值，我們必須自己封裝函式。

//讀取cookie的方法
function getcookie(key)

js儲存cookie與讀取cookie

設定cookie param name param value function setcookie name,value path引數巨坑！一般設定之後頁面都可以訪問cookie，否則只能在乙個頁面。功能獲取cookies函式引數 cookie name名字 function getcooki...

Cookie與自動儲存

cookie與自動儲存 0.相關概念及知識 1.編寫和儲存cookie 2.列舉cookie 3.讀取cookie 4.修改和刪除cookie 5.cookie和安全性 6.設定ie瀏覽器是否接受cookie 0.相關概念及知識 cookie 提供了一種在 web 應用程式中儲存使用者特定資訊的方法...

JS基礎 Cookie與儲存

js儲存cookie與讀取cookie

Cookie與自動儲存

Cookie與自動儲存

相關推薦