我正在为他们制作一个登录表单以输入他们的用户名和密码，它完美地工作，因为他们的名字显示在每个页面上。但问题是，如果我尝试访问不存在的数据，sessionStorage 接口将返回 null 或 undefined。我想要一个存储在数据库示例中的名称欢迎！-如果用户没有输入他们的姓名或欢迎！{userid}-如果用户输入他们的姓名。
<html>
<head>
<title>Login page</title>
<script>
function init(){
var userid = sessionStorage.getItem("userid");
document.write("Welcome "+userid);
}
</script>
</head>
<body>
<h1 style="font-family:Comic Sans Ms;text-align="center";font-size:20pt;
color:#00FF00;>
Simple Login Page
</h1>
<form name="myform">
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)
{
location.reload();
alert("Welcome to this page")
var userid = document.getElementById("userid").value;
sessionStorage.setItem("userid", userid);
}
else
{
alert("Error Password or Username")
}
}
</script>
<script><!--//
init()
//-->
</script>
</body>
</html>
我想使用 if else 方法，但我不知道该放在哪里。这是 if else 代码
var userid = sessionStorage.getItem("userid");
if (userid != "undefined" || userid != "null") {
document.getElementById('welcomeMessage').innerHTML = "Hello " + userid + "!";
} else
document.getElementById('welcomeMessage').innerHTML = "Hello!";
}
}