我正在制作一个登录表单,供他们输入用户名和密码,并且它的名称显示在每个页面上都很完美。但问题是如果我尝试访问不存在的数据,sessionStorage接口将返回null或undefined。我希望在数据库示例中存储一个名称welcome! - 如果用户没有输入他们的名字或欢迎!{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!";
}
}
答案 0 :(得分:0)
if(sessionStorage.userid==undefined)
sessionStorage.userid="welcome!"