JavaScript中 cookies有什么用，針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡單易行的方法。

為蘭陵等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及蘭陵網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站制作、成都網(wǎng)站制作、蘭陵網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

一、什么是Cookies?

Cookie是數(shù)據(jù)，存儲(chǔ)在小文本文件中，在計(jì)算機(jī)上。

當(dāng)Web服務(wù)器向?yàn)g覽器發(fā)送網(wǎng)頁時(shí)，連接被關(guān)閉，服務(wù)器會(huì)忘記用戶的一切。Cookie是為了解決“如何記住用戶信息”而發(fā)明的。

當(dāng)用戶訪問網(wǎng)頁時(shí)，他的名字可以存儲(chǔ)在cookie中。  下次用戶訪問頁面時(shí)，cookie“記住”他的名字。

Cookie保存在名稱值(name:value)對(duì)中。

username = John Doe

當(dāng)瀏覽器從服務(wù)器請(qǐng)求一個(gè)網(wǎng)頁時(shí)，將屬于該頁的cookie添加到該請(qǐng)求中。這樣服務(wù)器就獲得了必要的數(shù)據(jù)來“記住”用戶的信息。

二、使用JavaScript創(chuàng)建一個(gè)Cookie

JavaScript可以創(chuàng)建、讀取、刪除cookie，用document.cookie屬性。

使用JavaScript，Cookie可以像這樣創(chuàng)建:

document.cookie = "username=John Doe";

可以添加一個(gè)到期日期(UTC時(shí)間)。默認(rèn)情況下，在瀏覽器關(guān)閉時(shí)刪除cookie:

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC";

使用路徑參數(shù)，您可以告訴瀏覽器cookie屬于什么路徑。默認(rèn)情況下，cookie屬于當(dāng)前頁。

document.cookie = "username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

三、使用JavaScript讀一個(gè)cookie

使用JavaScript，cookie可以這樣讀取。

var x = document.cookie;

document.cookie 將返回所有cookie在一個(gè)字符串。像: cookie1=value;  cookie2=value;cookie3=value;

四、使用JavaScript更改cookie

使用JavaScript, 你可以修改cookie，像使用創(chuàng)建它的方法一樣。

document.cookie = "username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

舊的cookie被覆蓋。

五、使用JavaScript刪除Cookie

刪除cookie非常簡單。

刪除cookie時(shí)不必指定cookie值，只需將過期參數(shù)設(shè)置為已過期的日期。

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

應(yīng)該定義cookie路徑以確保刪除正確的cookie。如果不指定路徑，一些瀏覽器不會(huì)讓你刪除cookie。

六、JavaScript Cookie 實(shí)例

將創(chuàng)建一個(gè)cookie來存儲(chǔ)訪問者的名稱，訪客第一次到達(dá)網(wǎng)頁時(shí)，會(huì)要求他填寫姓名。然后將該名稱存儲(chǔ)在cookie中。

下次訪客到達(dá)同一頁時(shí)，他會(huì)收到一封歡迎消息。

1. 設(shè)置cookie值

首先，創(chuàng)建一個(gè)函數(shù)，將訪問者的名字存儲(chǔ)在cookie變量中。

function setCookie(cname, cvalue, exdays) {     var d = new Date();     d.setTime(d.getTime() + (exdays*24*60*60*1000));     var expires = "expires="+ d.toUTCString();     document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; }

函數(shù)解析:

上面函數(shù)的三個(gè)參數(shù)分別是：cookie的名稱(cname)，cookie的值(cvalue)，還有cookie過期的天數(shù)。

函數(shù)根據(jù)參數(shù)創(chuàng)建cookie并設(shè)置過期參數(shù)。

2. 獲得cookie值

然后，創(chuàng)建一個(gè)函數(shù)返回指定cookie的值:

<script> getCookie("username");  function getCookie(cname) {   var allcookies = document.cookie;   cookieArr = allcookies.split(';');    for(var i = 0; i < cookieArr.length; i++) {      var cookiePair = cookieArr[i].split("=");      if(cname == cookiePair[0].trim()) {         document.write ("Key is: " + cookiePair[0] + " and Value is: " + cookiePair[1]);      }   } } </script>

3. 函數(shù)檢查cookie值

最后，創(chuàng)建檢查cookie是否設(shè)置的函數(shù)。

如果cookie被設(shè)置，它將顯示一個(gè)問候。

如果沒有設(shè)置Cookie，它會(huì)顯示一個(gè)提示框，詢問用戶的名字，通過調(diào)用setCookie函數(shù)，并存儲(chǔ)用戶名cookie365天。

function checkCookie() {     var username = getCookie("username");     if (username != "") {         alert("Welcome again " + username);     } else {         username = prompt("Please enter your name:", "");         if (username != "" && username != null) {             setCookie("username", username, 365);         }     } }

兩者合在一起效果展示。：

關(guān)于JavaScript中 cookies有什么用問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

文章名稱：JavaScript中cookies有什么用
瀏覽地址：http://www.2m8n56k.cn/article42/jgechc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、網(wǎng)站設(shè)計(jì)、App設(shè)計(jì)、ChatGPT、微信公眾號(hào)、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)