首頁 >web前端 >js教程 >js進行瀏覽器的Cookies設定實例

js進行瀏覽器的Cookies設定實例

小云云原創: 2018-03-13 16:37:261446瀏覽

Cookies現在常被大家提到，那麼到底什麼是Cookies，它有什麼作用呢？ Cookies是個資料包，可以讓網頁具備記憶功能，在某台電腦上記憶一定的資訊。 Cookies的工作原理是，第一次由伺服器端寫入到客戶端的系統中。以後每次造訪這個網頁，都是先由客戶端將Cookies傳送到伺服器端，再由伺服器端進行判斷，然後再產生HTML程式碼回傳給客戶端。透過這個原理伺服器就可以根據不同使用者產生不同cookies文件，這樣當該使用者再次造訪同一個網站時就可以根據不同的cookies文件返回不同的頁面資訊了。

什麼是Cookies？

通俗點講：Cookies是一種能夠讓網站伺服器把少量資料儲存到客戶端的硬碟或內存，或是從客戶端的硬碟讀取資料的技術。 Cookies是當你瀏覽某網站時，由網頁伺服器置於你硬碟上的一個非常小的文字文件，它可以記錄你的使用者ID、密碼、瀏覽過的網頁、停留的時間等資訊。當你再次來到該網站時，網站透過讀取Cookies，得知你的相關信息，就可以做出相應的動作，如在頁面顯示歡迎你的標語，或者讓你不用輸入ID、密碼就直接登錄等等 Cookies檔案是在無聲無息中伴隨瀏覽器進入我們本地硬碟的，當我們瀏覽某個網站時，該網站很可能將記錄我們隱私的cookies檔案上傳到本地硬碟。
Cookies和localStorage相似，若想刪除它，只能手動刪除。當然，對於Cookies的操作除了刪除之外，才可以進行設定、獲取，和資料庫都有增刪改查等操作。取得設定Cookies,除了透過cookie插件之外，我們還可以透過js對Cookie進行操作。在此，和大家介紹，透過js對Cookies進行取得、設定、刪除操作、
（1）取得Cookies：

getCookie(name){    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");    if(arr=document.cookie.match(reg))        return unescape(arr[2]);    else
        return null;  
}

（2）設定Cookies：

setCookie(name,value){
    var Days = 30;
    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

（3 ）刪除Cookies：

delCookie(name){
    var exp = new Date();    exp.setTime(exp.getTime() - 1);
    var cval=this.getCookie(name);    if(cval!=null)
    document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

範例:

setCookie("id","1");getCookie("id");delCookie("id");

什麼是Cookies？

getCookie(name){    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");    if(arr=document.cookie.match(reg))        return unescape(arr[2]);    else
        return null;  
}

（2）設定Cookies：

setCookie(name,value){
    var Days = 30;
    var exp = new Date();    exp.setTime(exp.getTime() + Days*24*60*60*1000);
    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

（3 ）刪除Cookies：

delCookie(name){
    var exp = new Date();    exp.setTime(exp.getTime() - 1);
    var cval=this.getCookie(name);    if(cval!=null)
    document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}

範例:

setCookie("id","1");getCookie("id");delCookie("id");

js進行瀏覽器的Cookies設定實例

什麼是Cookies？

什麼是Cookies？

相關文章