interface返回null或使用sessionstorage定义

时间:2013-09-24 07:16:06

标签: javascript sessionstorage

我正在制作一个登录表单,供他们输入用户名和密码,并且它的名称显示在每个页面上都很完美。但问题是如果我尝试访问不存在的数据,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!";
 }
 }

1 个答案:

答案 0 :(得分:0)

if(sessionStorage.userid==undefined)
     sessionStorage.userid="welcome!"