如何仅使用javascript在成功登录后在所有页面中显示用户名？_Javascript_Html_Css

如何仅使用javascript在成功登录后在所有页面中显示用户名？

javascript html css

如何仅使用javascript在成功登录后在所有页面中显示用户名？,javascript,html,css,Javascript,Html,Css,我正在尝试使用html、css和javascript创建一个登录表单，我已经完成了。但是，这里的问题是，在用户成功登录后，我无法在所有页面中显示用户名。而且，似乎在用户成功登录后，它会停留在应该位于另一个页面的同一页面上。是否有人可以帮助我使用此代码或给我一个提示，以便我可以完成其余操作这是我正在使用的代码 <head> <title>Login page</title> </head> <body> <h1 style=

我正在尝试使用html、css和javascript创建一个登录表单，我已经完成了。但是，这里的问题是，在用户成功登录后，我无法在所有页面中显示用户名。而且，似乎在用户成功登录后，它会停留在应该位于另一个页面的同一页面上。是否有人可以帮助我使用此代码或给我一个提示，以便我可以完成其余操作

这是我正在使用的代码

<head>
  <title>Login page</title>
</head>
<body>

<h1 style="font-family:Comic Sans Ms;text-align="center";font-size:20pt;
 color:#00FF00;>Simple Login Page</h1>

 <form name="myForm" method="post" action="target.html">
 Username<input type="text" name="userid" id="userid"/>
 Password<input type="password" name="pswrd"/>
 <input type="button" onclick="check(this.form)" value="Login"/>
 <input type="reset" value="Reset"/>
 </form>
 <script language="javascript">
 function check(form)
 {

 if(form.userid.value && form.pswrd.value)
  {

alert("Welcome to BOOKSIS.COM");
var userid = document.getElementById("userid").value;
document.write("Welcome " + userid);

   }
   else
   {
    alert("Error Password or Username");
    }
   }

   </script>
   </body>
   </html>


登录页面
您需要一个服务器来在会话中存储登录数据。HTTP是无状态协议，无法存储数据。尝试学习PHP或其他服务器端语言，并将变量（例如通过Ajax）发送到服务器。
用于此作业的工具错误。。。Javascript很容易被任何只具备一定的脚本工作知识的人绕过。你的JS做的任何事情都是遵循代码的用户做不到的（例如，确定它要检查的密码）。您无法对用户隐藏该代码，因为它必须发送给用户才能执行
您需要在服务器端执行此检查，并使用cookie/会话存储“登录”状态
可以从Javascript设置cookie并使用它，但是如上所述，提供的安全性可以忽略不计，因此不值得花时间来实现它
我强烈建议您研究ASP.Net、PHP或Python来入门
Javascript是客户端，大多数时间仅用于网页上的效果/交互。用户系统是使用PHP/mysql编写的，所以它不记得。您可以尝试使用cookie找到解决方法，但我认为PHP/mysql路径更好。尝试使用PHP和Ajax。您可以将cookie设置为设置用户名gloabal，并可以在每个页面上显示它。您不能信任客户端进行自我验证。如果你想在JS中进行身份验证，那么就使用一个服务器端JavaScript实现，比如Node.JS。我想知道如何设置一个cookie来记住用户名并在每个页面上显示它？我现在不能在服务器端进行身份验证，因为我还是JavaScript的初学者。