JavaScript

超轻量级php框架startmvc

使用JS获取SessionStorage的值

更新时间:2020-06-24 01:42:01 作者:startmvc
获取sessionStorage的意义首先获取它是为了将获得的信息输出或者alert();让人容易看到,

获取sessionStorage的意义

首先获取它是为了将获得的信息输出或者alert();让人容易看到,

其次,在静态页面中,如果使用sessionStorage就相当于在动态页面里连接了数据库一样

例如:我上一篇所做的为button按钮添加回车事件的项目中所用到的可以使用js中的sessionStorage获取页面输入的信息,也可以获得后台计算所得的数据,并且显示出来。

废话不多说,看代码重要:

具体实现


<script type="text/javascript">
 function login(){
 var username=window.document.getElementById("username").value;
 var password=window.document.getElementById("password").value;
 if(password=="123456")
 {
 window.sessionStorage.setItem("username", username);
 window.location.href="../index1.html" rel="external nofollow" ;
 }else{
 alert("密码错误请输入正确的密码,例如:123456!");
 return false;
 }
 }
</script>
<input type="text" id="username" class="11" placeholder="请输入真实姓名"/>
<input type="password" id="password" placeholder="请输入密码(默认密码123456)"/>
<input type="button" value="登录考试" onclick="login()">

以上代码是获取username的值并传到下一个界面

并且获得password的值与事先设置好的对比,不同就是错误 就不可以登录


<script>
 $(function () {
 var username= window.sessionStorage.getItem("username")
 $("#yhm").html("登录用户:"+username)
 $("#name").html(username)
 if(window.sessionStorage.getItem("username")===null){
 alert("您还没有登录,请登录后重试!")
 window.location.href="Pages/index.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
 }
 $("#esc").on("click",function(){
 window.sessionStorage.clear();
 window.location.href="Pages/index.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
 });
 })
 </script>

获取前段页面输入的值并且显示至对应的位置


<div id="yhm"></div> 

并且判断是否有sessionStorage的值,如果没有,自动返回登录页面,并做出相应的提示

点击事件触发后清空sessionStorage的值


<script>
$("#esc").on("click",function(){
 window.sessionStorage.clear();
 window.location.href="Pages/index.html" rel="external nofollow" rel="external nofollow" rel="external nofollow" ;
 });
</script>

当点击id为esc的按钮时触发clear事件


<button id="esc" style="background-color: #FF0000">退出考试系统</button> 

则自动返回登录界面

总结

以上所述是小编给大家介绍的使用JS获取SessionStorage的值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

js sessionstorage js获取session值