<!DOCTYPE html ><html><head><meta charset="utf-8" /><title>使用localStorage</title><script language="JavaScript">var str=JSON.stringify(data);function savest(){var data=new Object;data.user=document.getElementById('user').value;data.password=document.getElementById('password').value;var str=JSON.stringify(data);localStorage.setItem(data.user,str);alert("登陆成功");}var data=JSON.parse(str);function getsave(id){var find=document.getElementById('user').value;var str=localStorage.getItem(find);var data=JSON.parse(str);var show=document.getElementById('password');show.innerHTML=data.password;}</script></head><body onload="getsave()"><form><ul><li>用户名<input id="user" type="text"></li><li>密码<input id="password" type="password"></li><li ><input name="btnLogin" value="登陆" type="button" onclick="savest()" ><input name="rstLogin" type = "reset" value="取消"></li></ul></form></body></html>
2 回答
摇曳的蔷薇
TA贡献1793条经验 获得超6个赞
localStorage保存用的key是user，那必须通过user来得到保存的记录，onload时后,user没值，所以，也查不到。可以给user添加blur事件，这样，当输入保存的user，失去焦点，密码就自动回填了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>使用localStorage</title>
<script language="JavaScript">
function savest()
{
var data=new Object;
data.user=document.getElementById('user').value;
data.password=document.getElementById('password').value;
var str=JSON.stringify(data);
localStorage.setItem(data.user,str);
alert("登陆成功");
}
function getsave(id)
{
var find=document.getElementById('user').value;
var str=localStorage.getItem(find);
var data=JSON.parse(str);
var show=document.getElementById('password');
if (data && data.password) {
show.value=data.password;
}
}
</script>
</head>
<body>
<form>
<ul>
<li>用户名
<input id="user" type="text" onblur="getsave()">
</li>
<li>密码
<input id="password" type="password">
</li>
<li >
<input name="btnLogin" value="登陆" type="button" onclick="savest()" >
<input name="rstLogin" type = "reset" value="取消">
</li>
</ul>
</form>
</body>
</html>
慕田峪4524236
TA贡献1875条经验 获得超5个赞
用户名、密码保存，自动登录等，可以通过设置cookie实现，第一次登录网站后在本地计算机的中写入cookie，之后再次登录此网站查看cookie中现有的值，用cookie值进行网站登录即可。
但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。
添加回答
举报
0/150
提交
取消