cookie属性
时间: 2023-08-29 09:04:26 浏览: 89
Cookie属性-Javascript基础ppt
在 JavaScript 中,我们可以使用 `document.cookie` 属性来读取和设置 cookie。当我们设置 cookie 时,可以指定以下属性:
1. `expires`:指定 cookie 的过期时间,可以是一个日期对象或一个表示从现在开始的秒数。如果不指定该属性,则 cookie 将在浏览器关闭时过期。
2. `path`:指定 cookie 的路径,默认为当前页面的路径。
3. `domain`:指定 cookie 的域名,默认为当前域名。
4. `secure`:一个布尔值,指定是否使用安全连接(HTTPS)发送 cookie。
下面是一个设置 cookie 的示例代码:
```javascript
// 设置一个名为 "username" 的 cookie,值为 "john",并指定过期时间为 1 天后
document.cookie = "username=john; expires=" + new Date(Date.now() + 24 * 60 * 60 * 1000).toUTCString() + "; path=/";
// 设置一个名为 "password" 的 cookie,值为 "123",并指定路径为 "/admin"
document.cookie = "password=123; path=/admin";
// 设置一个名为 "rememberMe" 的 cookie,值为 "true",并指定域名为 ".example.com"
document.cookie = "rememberMe=true; domain=.example.com";
```
在读取 cookie 时,我们可以通过 `document.cookie` 属性获取当前页面中所有的 cookie,然后使用字符串操作方法来解析出需要的值。例如,要读取名为 "username" 的 cookie 的值,可以使用以下代码:
```javascript
// 获取当前页面中所有的 cookie
var cookies = document.cookie.split(";");
// 遍历所有的 cookie,找到名为 "username" 的 cookie,并获取其值
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i];
while (cookie.charAt(0) == " ") {
cookie = cookie.substring(1);
}
if (cookie.indexOf("username=") == 0) {
var username = cookie.substring("username=".length, cookie.length);
break;
}
}
```
阅读全文