简单利用localStorage实现 数据存储

<! DOCTYPE html >
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< meta http-equiv = "X-UA-Compatible" content = "ie=edge" >
< title >Document </ title >
</ head >
< body >
账号: < input type = "text" id = "txt" >< br />
密码: < input type = "text" id = "pass" >< br />< br />
< input type = "button" value = "注册" id = "sign" >
< input type = "button" value = "登录" id = "login" >
< input type = "button" value = "清除所有" id = "clear" >
< script >
var stg = window.localStorage;
sign. onclick = function(){
var tVal = txt.value;
var pVal = pass.value;
stg. setItem(tVal,pVal);
txt.value = "";
pass.value = "";
}
login. onclick = function(){
var off = true;
for( var i = 0;i <stg.length;i ++){
var key = stg. key(i);
if(txt.value ==key &&pass.value ==stg[key]){
off = false;
window.location.href = "https://www.baidu.com";
}
};
if(off){
alert( "不正确");
}
}
clear. onclick = function(){
txt.value = "";
pass.value = "";
stg. clear();
}

< / script >
</ body >
</ html >
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值