这篇文章给大家介绍了使用js获取sessionstorage中的值，首先获取它是为了将获得的信息输出或者alert（),其次，在静态页面中，如果使用sessionStorage就相当于在动态页面里连接了数据库一样，具体内容详情大家参考下本文
获取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" ; }else{ alert("密码错误请输入正确的密码，例如：123456！"); return false; } } </script> <input type="text" placeholder="请输入真实姓名"/> <input type="password" placeholder="请输入密码（默认密码123456）"/> <input type="button" value="登录考试">
以上代码是获取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" ; } $("#esc").on("click",function(){ window.sessionStorage.clear(); window.location.href="Pages/index.html" ; }); }) </script>
获取前段页面输入的值并且显示至对应的位置
<div></div>
并且判断是否有sessionStorage的值，如果没有，自动返回登录页面，并做出相应的提示
点击事件触发后清空sessionStorage的值
<script> $("#esc").on("click",function(){ window.sessionStorage.clear(); window.location.href="Pages/index.html" ; }); </script>
当点击id为esc的按钮时触发clear事件
<button>退出考试系统</button>
则自动返回登录界面
总结
以上所述是小编给大家介绍的使用JS获取SessionStorage的值，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: