html5---本地存储账号
<!doctype html>
<html>
<head>
</head>
<body>
<script>
//cookie存储量小,生存周期与sessionStoage一样,localStorage存储量大,永久保存
document.cookie="name=zhangsan";
alert(document.cookie);
localStorage.setItem("name","lisi");
alert(localStorage.getItem("name"));
sessionStorage.setItem("name","wangwu");
alert(sessionStorage.getItem("name"))
</script>
</body>
</html>
<!doctype html>
<html>
<head>
<script>
window.onload=function () {
var names=document.getElementsByName("names")[0]; //获取姓名
var pass=document.getElementsByName("pass")[0]; //获取密码
var save=document.getElementsByName("save")[0]; //获取是否保存
if(localStorage.getItem("names")&&localStorage.getItem("pass")){//如果本地已经存储过
names.value=localStorage.getItem("names"); //更新
pass.value=localStorage.getItem("pass");
save.checked=true;
}
save.onclick=function () {
if(save.checked){ //如果要保存
localStorage.setItem("names",names.value);
localStorage.setItem("pass",pass.value);
}else{
localStorage.removeItem("names");
localStorage.removeItem("pass");
}
}
}
</script>
</head>
<body>
用户名:<input type ="text" name="names"><br/>
密码:<input type="password" name="pass"><br/>
是否永久保存<input type="checkbox" name="save">
</body>
</html>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。