js读写COOKIE实现记住帐号或密码的代码(js读写COOKIE)

你好，以下是关于“js读写COOKIE实现记住帐号或密码的代码”的完整攻略：

概述

Cookie是一种本地存储机制，可以将数据存储在客户端浏览器中，可以被服务器端通过HTTP协议读取。JS可以通过document.cookie来读写cookie。

读取COOKIE

可以通过以下代码来读取cookie：

function getCookie(name) {
    var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
    if (arr = document.cookie.match(reg))
        return unescape(arr[2]);
    else
        return null;
}

该函数接受一个参数name，表示要读取的cookie名字。该函数通过正则表达式匹配cookie字符串中的name值，如果存在则返回cookie值，否则返回null。

写入COOKIE

可以通过以下代码来写入cookie：

function setCookie(name, value) {
    var Days = 30;
    var exp = new Date();
    exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
    document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}

该函数接受两个参数，name和value分别表示要写入的cookie名字和值。该函数将cookie的过期时间设置为30天后，通过document.cookie来写入cookie字符串。

示例

例如，我们可以利用以上代码实现一个记住账号的功能：

window.onload = function(){
    var username = getCookie('username');
    if(username != null) {
        document.getElementById("username").value = username;
        document.getElementById("checkbox").checked = true;
    }

    document.getElementById("loginButton").onclick = function(){
        if(document.getElementById("checkbox").checked == true) {
            setCookie('username', document.getElementById("username").value);
        } else {
            setCookie('username', "");
        }

        // 其他登录逻辑
    }
}

在该示例中，我们通过在页面加载时读取cookie，将保存的username填充到用户名输入框中。同时，如果之前勾选了“记住账号”选项，将“记住账号”选项打勾。当点击登录按钮时，如果“记住账号”选项被勾选，则将用户名写入cookie中，否则将cookie的值清空。

总结

以上就是关于“js读写COOKIE实现记住帐号或密码的代码”的完整攻略。通过上述讲解，我们可以了解到如何通过JS读写cookie，并实现一个简单的记住账号的功能。