求助，使用localStorage保存读取用户名和密码，不知道哪里出错了，麻烦帮忙看看！
<!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回答
-
摇曳的蔷薇
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
用户名、密码保存，自动登录等，可以通过设置cookie实现，第一次登录网站后在本地计算机的中写入cookie，之后再次登录此网站查看cookie中现有的值，用cookie值进行网站登录即可。 但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。
随时随地看视频慕课网APP
Java
Html5