如何用javascript 提示用户登录 javascript登录验证 |
您所在的位置：网站首页 › 怎么退出qq账号登录用密码验证身份 › 如何用javascript 提示用户登录 javascript登录验证 |
如何用javascript 提示用户登录 javascript登录验证
|
在搭建个人网站过程中，我们可能需要前置登陆页面以保护站点私密性与安全性，本文主要介绍如何使用javascript以及PHP，实现登录并跳转界面。 （1）直接弹框验证直接在html头部插入： loopy() function loopy() { var sWord ="" while (sWord != "111111") {//初始密码111111 sWord = prompt("请输入正确密码!") } }
当然，通过前端方式设置密码验证明显是存在安全问题的，虽然网页访问通过JS做了些防护，但只要在浏览器中关掉js功能就可以查看js源码，据此，我们可以通过给JS加密的方式防止密码的明文泄露。 例如通过 JS在线加密工具 将js源码加密： var __encode ='sojson.com', _0xb483=["\x5F\x64\x65\x63\x6F\x64\x65","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x73\x6F\x6A\x73\x6F\x6E\x2E\x63\x6F\x6D\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x6F\x62\x66\x75\x73\x63\x61\x74\x6F\x72\x2E\x68\x74\x6D\x6C"];(function(_0xd642x1){_0xd642x1[_0xb483[0]]= _0xb483[1]})(window);var __Ox6d318=["","\u8BF7\u8F93\u5165\u6B63\u786E\u5BC6\u7801\x21","\x31\x31\x31\x31\x31\x31"];loopy();function loopy(){var _0xbcd5x2=__Ox6d318[0x0];while(_0xbcd5x2!= __Ox6d318[0x2]){_0xbcd5x2= prompt(__Ox6d318[0x1])}}复制密文测试，同样实现上述实现上述效果。 （2）页面验证简单版首先给一段基础源码: function checkLogon(){ var name = document.getElementById("username").value; var pass = document.getElementById("password").value; //判断非空 if((name==null || name=="") || (pass==null || pass=="")){ alert("用户名或密码不能为空！！"); } else{ if(name=="你的账户名" && pass=="你的密码"){ alert("登录成功！"); //这里写你页面跳转的语句 window.location.href="跳转站点"; } else{ alert("用户名或密码错误！！"); } } }其次就是将代码运用到具体网页中去： 无标题文档 function checkLogon(){ var name = document.getElementById("username").value; var pass = document.getElementById("password").value; //判断非空 if((name==null || name=="") || (pass==null || pass=="")){ alert("用户名或密码不能为空！！"); } else{ if(name=="123" && pass=="123"){ alert("登录成功！"); //这里写你页面跳转的语句 window.location.href=""; } else{ alert("用户名或密码错误！！"); } } } 用户名 密码
前面的登陆需要设置默认访问入口为login页面，并且每次访问将统一跳至登陆页面，显然不利于合法用户的日常使用和访问。这时我们可以尝试用cookie值设置存活时长，在一次验证cookie值存活期间不再验证用户身份，提高用户体验。 /*cookie获取*/ function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i |
【本文地址】
今日新闻 |
推荐新闻 |