如何用cookie保存数据
时间: 2023-06-27 15:02:42 浏览: 54
Cookie 是一种在客户端保存数据的技术。可以使用 JavaScript 创建和读取 Cookie。以下是如何使用 Cookie 保存数据的一些步骤:
1. 创建 Cookie:使用 JavaScript 的 `document.cookie` 属性来创建一个名为 cookieName 的 Cookie 并将其值设置为 cookieValue。
```javascript
document.cookie = "cookieName=cookieValue";
```
2. 读取 Cookie:使用 JavaScript 的 `document.cookie` 属性来读取名为 cookieName 的 Cookie 的值。
```javascript
var cookieValue = document.cookie.replace(/(?:(?:^|.*;\s*)cookieName\s*\=\s*([^;]*).*$)|^.*$/, "$1");
```
3. 设置 Cookie 的有效期:可以使用 `expires` 属性来设置 Cookie 的有效期(以天为单位)。
```javascript
var expireDate = new Date();
expireDate.setDate(expireDate.getDate() + 7); // 设置有效期为七天后
document.cookie = "cookieName=cookieValue; expires=" + expireDate.toUTCString();
```
4. 设置 Cookie 的路径:可以使用 `path` 属性来设置 Cookie 的路径。
```javascript
document.cookie = "cookieName=cookieValue; path=/";
```
5. 设置 Cookie 的域:可以使用 `domain` 属性来设置 Cookie 的域。
```javascript
document.cookie = "cookieName=cookieValue; domain=example.com";
```
注意:Cookie 的大小有限制,一般为 4KB 左右。同时,Cookie 中的数据可以被用户删除或篡改,因此不适合保存敏感信息。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)