在HTML中,可以使用JavaScript来创建、读取和删除cookie。以下是创建和读取cookie的基本示例:
创建cookie:
function setCookie(name, value, daysToLive) {
var cookie = name + "=" + encodeURIComponent(value);
if (typeof daysToLive === "number") {
cookie += "; max-age=" + (daysToLive*24*60*60); // max-age单位是秒
}
document.cookie = cookie;
}
// 使用函数创建一个cookie,名为"username",值为"John Doe",保存7天
setCookie("username", "John Doe", 7);
读取cookie:
function getCookie(name) {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
// 查找名称为name的cookie
if (cookie.indexOf(name + "=") === 0) {
return decodeURIComponent(cookie.substring(name.length + 1));
}
}
return null; // 如果没有找到,返回null
}
// 使用函数读取名为"username"的cookie
var username = getCookie("username");
console.log(username); // 输出: John Doe
删除cookie:
function deleteCookie(name) {
setCookie(name, "", -1); // 设置为过去的时间即可删除
}
// 删除名为"username"的cookie
deleteCookie("username");
以上代码提供了创建、读取和删除cookie的方法。创建cookie时,可以指定cookie的有效期(以天为单位),如果不指定,则cookie会成为会话cookie,浏览器关闭时会失效。读取cookie时,如果cookie不存在则返回null
。删除cookie通过将cookie的有效期设置为过去的时间来实现。