这篇博客介绍如何使用JavaScript实现用户登录验证并跳转到新页面，同时在新页面动态添加用户数据到表格中。用户信息存储在数组中，通过验证用户名和密码后跳转，并在新页面加载时自动将数据填充到表格。此外，还实现了表格行的删除功能，点击按钮即可删除对应行的数据。
var userarray=[
"cho,p@ssw0rd,趙,0001,1",
"sun,11112222,孫,0002,1",
"ryu,22223333,劉,0003,1",
"maki,33334444,牧,0004,1",
"taki,44445555,滝,0005,0",
"se,55556666,瀬,0006,1",
"kawa,66667777,川,0007,0"
]
function GetuseArr(){
return userarray;
}
上面是给出用户信息，自己进行验证后跳转到第二个页面，再把已知信息自动添加到表格中，添加后可以自动删除每条信息
开始上码html部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>
用户名<input id="log" type="text" ><br>
密码<input id="psw" type="password" ><br>
<div><p id='comment'></p></div>
<input type="button" value="提交" οnclick="sbm()">
</div>
<script type="text/javascript" src="index.js"></script>
<script type="text/javascript" src="user.js"></script>
</body>
</html>
接下来是css部分
tr:nth-child(2n+1){
background-color: rgb(239, 242, 242);
}
#di{
text-align: center;
width: 500px;
最低0.47元/天 解锁文章
2856
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
