1、打开vscode,创建一个测试页面,用于模拟演示cookie,是如何记住密码的
2、在测试页面的同级目录中,添加jquery的源文件,并将其引入到测试页面中。另外,再藜局腑载添加jquery.cookie.js到页面中,方便操作cookie
3、在测试页面中,添加一个文本框,用于演示密码的输入,另外,再添加一个提交按钮,当点击按钮的时候,将文本框中输入的值,存入到cookie中
4、在测试页面的最下方,添加jquery代码,当页面加载的时候,首先读取cookie中是否有值,如果有,就将值自动赋值到密码文本框中
5、在浏览器中,打开测试页面,输入密码,此处用于演示,所以,直接显示的是明文密码。然后点击提交按钮,看到弹出提示“cookie写入成功”
6、在浏览器中,新开一个默认空白的标签页,此时,没有打开任何页面
7、在新打开的标签页中,输入第5步浏览器地址栏的地址,当新的页面打开后,就可以看到密码丸泸尺鸢框中自动有值了。使用cookie实现记住密码的效果演示完毕