简单利用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 >