通过js当中的cookie实现可以记住内…

关注

原创最新推荐文章于 2026-09-22 19:22:39 发布 929 阅读 AI 写同款· GEO 优化 ›

用户登录时，记住密码，用js实现读取Cookie的值前提是，你已经在java代码中保存了登录信息的Cookie值如： Cookie cookie1=new Cookie(username, "username"); Cookie cookie2=new Cookie(password, "password"); response.addCookie(cookie1); response.addCookie(cookie1); 接下来，阅读详情

在上边的两个文本框当中输入我们的值，当我们点击刷新页面的时候，下边的两个框会自动填充上我们的内容，因为我们cookie设置的保存的时间是默认值，因此关闭浏览器之后就没了。

目前在ie和火狐下正常显示，谷歌浏览器暂时无法获取。

<!DOCTYPE html>

<html>

<head>

<title>可以记住内容的表单(js cookie)</title>

//将我们的数据加载到页面当中

function loadData(){

if(read_cookie("text3")){

$("text3").value=read_cookie("text3");

}

if(read_cookie("text4")){

$("text4").value=read_cookie("text4");

}

//下边的是我们读我们的cookie

function read_cookie(key){

var str,ary;

str=document.cookie;

//该函数的作用是将我们分号前后的空格去掉 g表示的是在输入字符串中查找所有可能的匹配，返回的结果可以是多个如果不加/g只会匹配一个

ary=str.replace(/ *; */g,";").split(";");

key=escape(key)+"=";

for(var i=0;i<ary.length;i++){

if(ary[i].indexOf(key)==0){

//返回我们的键值

return ((ary[i].split("=")[1]));

}

function saveData(){

//将键值写入

write_cookie("text3",$("text1").value);

write_cookie("text4",$("text2").value);

}

//写入我们的cookie

function write_cookie(key,value,cookieDomain,cookiePath,expireTime,targetWindow){

//我们的cookie信息

var strAppendix="";

strAppendix+=cookieDomain?";domain="+cookieDomain:"";

strAppendix+=cookiePath?";path="+cookiePath:"";

strAppendix+=expireTime?";expires="+expireTime:"";

targetWindow=targetWindow?targetWindow:top;

targetWindow.document.cookie=escape(key)+"="+escape(value)+strAppendix;

}

function $(str){

return (document.getElementByIdx_x_x(str));

}

</script>

</head>

<h3>通过js cookie实现可以记住内容的表单</h3>

<tr>

<td>普通文本框</td>

</tr>

<tr>

<td>普通文本框</td>

</tr>

<tr>

<td>可以记住内容的文本框1</td>

</tr>

<tr>

<td>可以记住内容的文本框2</td>

</tr>

<tr>

<td><button onclick="alert(document.cookie)">查看cookie</button></td>

</tr>

</table>

</body>

</html>

收录于

javascript

JavaScript操作Cookie实现登录记住密码功能在实现“记住密码”功能时，开发者不仅要关注功能的可用性，更要注重安全性。从表单事件绑定、Cookie 写入与读取，到加密策略和 HTTPS 安全传输，每一步都需要谨慎处理。此外，还可以结合服务器端 Token 验证机制（如 JWT），构建更安全的“记住我”流程。下一章将深入探讨客户端与服务器端的协同验证机制，进一步完善整个登录系统的安全性与可靠性。阅读详情

通过js当中的cookie实现可以记住内…

相关推荐