关于localstorage - javascript吧

level 8

心机骇人楼主

做一个登陆注册页面，然后我在注册页面用localstorage存储用户信息，然后再在登陆界面获取对应用户名信息。但是不知道怎么回事儿，获取不了值，显示none;
//注册界面
姓名<input type="text" name="" id="username" value="" />
<br>
年龄<input type="text" name="" id="age" value="" />
<br>
证件<input type="text" name="" id="card" value="" />
<br>
账号<input type="text" name="" id="count" value="" />
<br>
密码<input type="password" name="" id="password" value="" />
<div id="" >
<button type="button" onclick="load()">注册</button>
</div>
</div>
</div>
</body>
<script type="text/javascript">
var user = document.getElementById("username");
var key =document.getElementById("password");
function load(){
localStorage.setItem(user,key);
alert("注册成功");
window.location.href="login.html"
}
</script>
//登陆界面
用户<input type="text" name="" id="username" value="" />
<br>
密码<input type="text" name="" id="password" value="" />
<div id="" >
<button type="submit" onclick="check()">登录</button>
<button type="button" onclick="login()">注册</button>
</div>
</div>
</div>
</body>
<script type="text/javascript">
var count = document.getElementById("username");
function login(){
window.location.href="load.html";
}
function check(){
document.getElementById("password").innerHTML=localStorage.getItem(count)
}
</script>

2020年12月10日 02点12分 1

level 2

奈何时间😂

你这写的什么鬼

,本地存储是以键值对的形式整的。

2020年12月10日 02点12分 2

心机骇人

打个样，hxd

2020年12月10日 02点12分

level 2

奈何时间😂

2020年12月10日 03点12分 3

夜深不知梦

鬼鬼，真"记事本"

2020年12月10日 16点12分

level 10

贴吧用户_aJDbD8a

localStorage.setItem('user',user);localStorage.getItem('user');

2020年12月10日 03点12分 4

level 6

jansonjames

遇到不靠谱的人真是从入门到放弃，这回答的是什么啊。按照你的思路，你的代码出现的问题如下

改成下面这样：

获取值，要在函数运行的时候获取。放外面，页面加载的时候就获取了，那个时候还没有输入肯定是空值啊。

2020年12月12日 05点12分 5

jansonjames

不过这个注册登录逻辑还是有点问题的，你再理一理。有问题可以私聊我

2020年12月12日 05点12分

level 12

丶影-奈斯

注册页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>load</title>
</head>
<body>
<div>
姓名: <input type="text" name="sign-up" id="username" value="" />
<br />
年龄: <input type="text" name="sign-up" id="age" value="" />
<br />
证件: <input type="text" name="sign-up" id="card" value="" />
<br />
账号: <input type="text" name="sign-up" id="count" value="" />
<br />
密码: <input type="password" name="sign-up" id="password" value="" />
<div id="signup">
<button type="button" onclick="load()">注册</button>
</div>
</div>
<script>
var username = document.getElementById('username');
var age = document.getElementById('age');
var card = document.getElementById('card');
var count = document.getElementById('count');
var password = document.getElementById('password');
var oInp = document.querySelectorAll('input[name="sign-up"]');
function load() {
if ([].some.call(oInp, function(e) {
return !e.value.trim();
})) return alert('有信息没填！');
var vData = localStorage.getItem(count.value);
if (!!vData && JSON.parse(vData).count === count.value) return alert('账号已存在！不能重复注册。');
var oJson = {
username: username.value,
age: age.value,
card: card.value,
count: count.value,
password: password.value
};
localStorage.setItem(count.value, JSON.stringify(oJson));
alert("注册成功");
window.location.href = "login.html";
}
</script>
</body>
</html>
登录页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>login</title>
</head>
<body>
<div>
用户: <input type="text" name="log-in" id="username" value="" />
<br />
密码: <input type="text" name="log-in" id="password" value="" />
<div id="login">
<button type="submit" onclick="check()">登录</button>
<button type="button" onclick="login()">注册</button>
</div>
</div>
<script>
var username = document.getElementById('username');
var password = document.getElementById('password');
function login() {
window.location.href = "load.html";
}
function check() {
if (!username.value.trim() || !password.value.trim()) return !!alert('账号或密码不能为空！');
var vData = localStorage.getItem(username.value);
if (!vData) return !!alert('账号不存在！请注册。');
if (JSON.parse(vData).password === password.value) {
var o = JSON.parse(vData);
return !alert('登录成功\n你好，' + o.username);
}
return !!alert('密码不正确！请重新输入。');
}
</script>
</body>
</html>

2020年12月12日 10点12分 6