JavaScript实现Cookie读写以保存登录凭据

作者:青柠

时间:2026-10-24

浏览:217

本文介绍如何使用JavaScript读写Cookie来实现网页登录时的记住账号或密码功能。通过示例代码演示了设置、读取和删除Cookie的具体方法,帮助用户在前端实现用户登录状态的持久化保存,提升用户体验。

文章目录

JavaScript实现Cookie读写以保存登录凭据

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>js COOKIE 记住帐号或密码</title>  </head> <body onload="onLoginLoaded()">  </body> </html> 

注意:若引入外部JavaScript文件,需刷新页面后方可执行相关操作。


测试步骤如下:首先输入用户名“jb51”及密码“www.jb51.net”,勾选“记住密码”选项后关闭页面。重新打开页面时,在用户名输入框中键入“jb51”,系统将自动填充对应的密码。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章