【问题标题】:interface return either null or defined using sessionstorage接口返回 null 或使用会话存储定义
【发布时间】:2013-09-24 16:52:36
【问题描述】:

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

【问题讨论】:

  • function init(){...之前写sessionStorage.userid="welcome!";
  • 它可以工作,但它没有显示用户名。
  • 添加我在答案中发布的条件

标签: javascript sessionstorage


【解决方案1】:
if(sessionStorage.userid==undefined)
     sessionStorage.userid="welcome!"

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-11-21
    • 1970-01-01
    • 2016-09-23
    • 2015-10-11
    • 2019-06-08
    • 2017-07-03
    • 2015-03-12
    • 1970-01-01
    相关资源
    最近更新 更多