建站
咨詢
售后
建站咨詢
新聞中心
HTML 本身并不能直接設置 cookies，它只能通過 JavaScript 來操作，Cookies 是存儲在用戶瀏覽器上的一小段文本信息，用于記錄用戶的某些操作狀態(tài)或者偏好設置，在前端開發(fā)中，我們經常需要使用 cookies 來實現(xiàn)用戶的登錄狀態(tài)保持、購物車功能等。
為高昌等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務，及高昌網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為做網(wǎng)站、成都做網(wǎng)站、高昌網(wǎng)站設計，以傳統(tǒng)方式定制建設網(wǎng)站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！
下面我將詳細介紹如何使用 JavaScript 來設置 cookies。
1、創(chuàng)建 Cookies
要創(chuàng)建一個新的 cookies，我們需要使用 document.cookie 屬性，這個屬性可以接受一個字符串值，該值包含了 cookie 的名稱和值，以及其它一些可選的參數(shù)。
我們可以使用以下代碼來創(chuàng)建一個名為 "username" 的 cookies，并設置其值為 "張三"：
document.cookie = "username=張三";
2、讀取 Cookies
要讀取一個已存在的 cookies，我們可以使用 document.cookie 屬性，這個屬性會返回一個字符串，包含了當前頁面所有的 cookies，我們可以對這個字符串進行解析，以獲取我們需要的信息。
我們可以使用以下代碼來讀取名為 "username" 的 cookies：
function getCookie(name) {
var cookieArr = document.cookie.split(";");
for (var i = 0; i < cookieArr.length; i++) {
var cookiePair = cookieArr[i].split("=");
if (name == cookiePair[0].trim()) {
return decodeURIComponent(cookiePair[1]);
}
}
return null;
}
var username = getCookie("username");
console.log(username); // 輸出 "張三"
3、修改 Cookies
要修改一個已存在的 cookies，我們可以先刪除原有的 cookies，然后重新創(chuàng)建一個新的 cookies，需要注意的是，如果設置了 maxage 或 expires 參數(shù)，cookie 會被持久化到磁盤上，即使關閉瀏覽器也不會被刪除，在修改 cookies 時，我們需要先刪除這些參數(shù)。
我們可以使用以下代碼來修改名為 "username" 的 cookies：
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
setCookie("username", "李四", 7); // 將 "username" 的值修改為 "李四"，有效期為 7 天
4、刪除 Cookies
要刪除一個已存在的 cookies，我們可以將其過期時間設置為一個過去的時間點，這樣，當瀏覽器訪問這個 cookies 時，會發(fā)現(xiàn)它的過期時間已經過去了，從而自動刪除它。
我們可以使用以下代碼來刪除名為 "username" 的 cookies：
function deleteCookie(name) { this.setCookie(name,"",1); }
deleteCookie("username"); // 刪除名為 "username" 的 cookies
5、Cookie 的其他參數(shù)
除了名稱和值之外，我們還可以使用一些可選的參數(shù)來設置 cookies，以下是一些常用的參數(shù)：
path：指定 cookie 的作用范圍，默認值為當前路徑（/），表示在整個網(wǎng)站上都可以訪問這個 cookie，如果要限制 cookie 的作用范圍，可以設置一個具體的路徑。path=/user 表示這個 cookie 只能在 /user 這個路徑下訪問。
domain：指定 cookie 所屬的域名，默認值為當前域名，表示這個 cookie 只能在當前域名下訪問，如果要讓 cookie 在多個域名下都可以訪問，可以設置一個具體的域名。domain=.example.com 表示這個 cookie 可以在 example.com 及其所有子域名下訪問。
secure：指定是否僅通過 HTTPS 安全連接傳輸 cookie，默認值為 false，表示可以通過 HTTP 和 HTTPS 兩種連接傳輸 cookie，如果要確保 cookie 的安全性，可以將其設置為 true，但是需要注意的是，這樣設置后，cookie 將無法通過非安全連接傳輸，可能導致某些情況下無法正常使用。
本文名稱：html如何設置cookies
文章分享：http://www.5511xx.com/article/djoospe.html
