课堂练习第1关:Cookie 对象和常用 API 介绍答案
时间: 2024-10-27 07:04:41 浏览: 48
cookie-api-handler:REST API处理程序的Cookie
课堂练习第1关通常涉及Cookie的基本概念以及常用的JavaScript Cookie API的介绍。Cookie是一种小的数据片段,网站可以存储在用户的浏览器上,用于跟踪用户的行为、保存设置或提供个性化体验。以下是关键点:
1. **Cookie对象**: JavaScript中,我们可以使用`document.cookie`来操作Cookie。这是一个字符串,包含所有已设置的Cookie值。
2. **创建Cookie**: 使用`setCookie(name, value, [days])`函数来创建Cookie,例如:
```javascript
document.cookie = "username=John; expires=" + new Date(new Date().getTime() + days * 24 * 60 * 60 * 1000).toUTCString();
```
`name`是键,`value`是要存储的值,`days`是Cookie过期天数(可选,默认几天后失效)。
3. **读取Cookie**: 可以通过键直接获取其值:
```javascript
var username = getCookie("username");
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
```
4. **删除Cookie**: 通过设置有效期为过去的时间来删除Cookie:
```javascript
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
```
阅读全文