首頁 > web前端 > js教程 > 主體

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

小云云
發布: 2018-03-13 16:37:26
原創
1406 人瀏覽過

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現在常被大家提到,那麼到底什麼是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");
登入後複製
登入後複製

相關推薦:

分享JS利用cookies設定每隔24小時彈出方塊的實例代碼

以上是js進行瀏覽器的Cookies設定實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!