<!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條經(jīng)驗 獲得超6個贊
localStorage保存用的key是user，那必須通過user來得到保存的記錄，onload時后,user沒值，所以，也查不到?？梢越ouser添加blur事件，這樣，當(dāng)輸入保存的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條經(jīng)驗 獲得超5個贊
用戶名、密碼保存，自動登錄等，可以通過設(shè)置cookie實現(xiàn)，第一次登錄網(wǎng)站后在本地計算機的中寫入cookie，之后再次登錄此網(wǎng)站查看cookie中現(xiàn)有的值，用cookie值進行網(wǎng)站登錄即可。
但是 cookie 不適合大量數(shù)據(jù)的存儲，因為它們由每個對服務(wù)器的請求來傳遞，這使得 cookie 速度很慢而且效率也不高。
添加回答
舉報
0/150
提交
取消