js使用cookie记录用户名的方法

首先我们需要了解什么是cookie。Cookie是指通过浏览器访问网站时，服务器在本地硬盘上写入的一个小文本文件。通过Cookie存储的信息可以被网站读取，从而达到存储用户信息和状态的目的。

下面是使用JS来记录用户名的方法：

1. 使用document.cookie来设置Cookie

document.cookie = "username=张三";

上述代码便是设置了一个名为“username”的Cookie，内容为“张三”。 注意: 需要设置Cookie的目录、域名和过期时间，不然只是在浏览器的temp目录里面进行保存。代码如下：

let date = new Date(); 
date.setDate(date.getDate() + 30); // 设置cookie过期时间为30天后
document.cookie = "username=张三;path=/;domain=www.example.com;expires=" + date; 

1. 使用js-cookie库来设置Cookie

我们还可以使用js-cookie库来进行操作，它是一个轻量级的JavaScript库，封装了更方便的Cookie读写操作。

可以通过以下方式引入：

<script src="https://cdn.bootcss.com/js-cookie/latest/js.cookie.min.js"></script>

然后可以使用以下方式来设置Cookie：

Cookies.set('username', '张三', { expires: 30, path: '/', domain: '.example.com' });

上述代码设置了一个名为“username”的Cookie，内容为“张三”，并且设置了它的过期时间为30天，路径为根目录，域名为“example.com”。

除此之外，js-cookie库还提供了其他实用的API，比如读取Cookie、删除Cookie等。

总结：使用Cookie记录用户名的方法是将用户输入的用户名通过JS写入一个Cookie，并同时设置Cookie的过期时间、路径和域名。在之后需要获取用户名的时候，只需要从客户端的Cookie中取出这个信息即可。通过纯JS代码或者js-cookie库都可以实现。