<body>
<!-- CDN 引入 -->
<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
<script>
    /* npm 下载
    npm install js-cookie --save
    import Cookies from 'js-cookie' */

    //创建一个Cookie，属性默认
    Cookies.set('password', '123456');

    //创建一个Cookie，设置属性：有效天数，path
    Cookies.set('attribute', 'pathDomain', { expires: 7, path: '/' })

    //读取所有Cookie，返回{name1:value1,...,namen:valuen}  JSON格式
    Cookies.get();

    //获取指定name的Cookie的值
    Cookies.get("password");

    //修改Cookie，重新创建一遍，name相同会覆盖之前Cookie，修改了过期时间
    Cookies.set('attribute', 'pathDomain', { expires: 14, path: '/' })

    //删除Cookie，可以指定过期时间为当前时间；注意：因为过期时间以浏览器的服务器时间为准，一般会有八小时时差
    Cookies.remove("password");

    /**
     * expires 值为 session 时：意思是和 session 同样的时间失效，属于一个默认值，将会在你关闭浏览器之后失效
     */

    // document.cookie
    // 1. 获取cookie
    let cookie = document.cookie;  // string
    // 2. 保存cookie
    let key = '';
    let value = '';
    document.cookie = `${key}=${value}`;
    document.cookie = `${key}=${value};expires=${new Date().toUTCString()};path=/`;
</script>
</body>