在Web開發(fā)中,我們經(jīng)常需要將一些數(shù)據(jù)在用戶瀏覽器端進(jìn)行存儲,這就是Cookie的作用。而在HTML中,可以很方便地設(shè)置和獲取Cookie。
設(shè)置cookie的語法如下:
document.cookie = "name=value;expires=date;path=path;domain=domain;secure";
其中,name為Cookie的名字,value為Cookie的值,expires為Cookie的過期時間,path指定可訪問Cookie的目錄,domain表示Cookie的域名,secure表示Cookie只能通過https連接進(jìn)行傳輸。
例如,我們需要設(shè)置一個名為“username”的Cookie,存儲用戶的用戶名和一個過期時間為1天的Cookie:
let username = "張三"; let expireDate = new Date(); expireDate.setTime(expireDate.getTime() + (24 * 60 * 60 * 1000)); document.cookie = "username=" + username + ";expires=" + expireDate.toGMTString();
獲取Cookie也很簡單,只需使用document.cookie即可獲取當(dāng)前頁面所有可用的Cookie,然后根據(jù)Cookie的名字獲取對應(yīng)的值。
let cookiesArr = document.cookie.split("; "); for (let i = 0; i< cookiesArr.length; i++) { let cookiePair = cookiesArr[i].split("="); let cookieName = cookiePair[0]; let cookieValue = cookiePair[1]; if (cookieName === "username") { console.log("username = " + cookieValue); break; } }
通過設(shè)置和獲取Cookie,我們可以在用戶瀏覽器端完成一些信息的存儲,并實現(xiàn)個性化的網(wǎng)站體驗和功能。