您当前的位置:主页 > 教程合集 > Html/css网站首页Html/css

网页前端输入密码才能访问的实现方法(JS)

发布时间:2017-05-09编辑:余斗阅读:(0)字号:
    有的时候,我们在做网页的时候需要一些很有趣的特效,比如我们今天要讲的给网页加密,访客在输入密码后才能访问。全程是js控制,虽然很low但是很有趣,针对那些电脑小白还是很有用的,余斗今天就教大家三种方法来实现: 输入密码才能访问页面的实现方法一

    <script type="text/javascript">
    function password() {
    var testV = 1;
    var pass1 = prompt('请输入密码','');
    while (testV < 3) {
    if (!pass1)
    history.go(-1);
    if (pass1 == "123") {//初始密码123
    alert('密码正确!');
    break;
    }
    testV+=1;
    var pass1 =
    prompt('密码错误!请重新输入:');
    }
    if (pass1!="password" & testV ==3)
    history.go(-1);
    return " ";
    }
    document.write(password());
    </script>
     
    预点击览 输入密码才能访问页面的实现方法二

    <script type="text/javascript">
    function password() {
    var testV = 1;
    var pass1 = prompt('Sorry,该页只限熟人浏览,请输入密码:','');
    while (testV < 3) {
    if (!pass1)
    history.go(-1);
    if (pass1 == "123") {//初始密码123
    alert('一看你就是自己人,口令正确!');
    window.location.href="http://lailaikeji.com/spa" style="color:#91268F">"http://www.yudouyudou.com/demo/password/";//修改需要密码认证的网页
    break;
    }
    testV+=1;
    var pass1 =
    prompt('朋友,密码不对!:(','');
    }
    if (pass1!="password" & testV ==3)
    history.go(-1);
    return " ";
    }
    document.write(password());
    </script>
     
    预点击览 输入密码才能访问页面的实现方法二

    <script type="text/javascript">
    loopy()
    function loopy() {
    var sWord =""
    while (sWord != "123") {//初始密码123
    sWord = prompt("输入正确密码才能登陆!")
    }
    alert("AH…欢迎光临!")
    }
    </script>
     
    预点击览
关键字词JS密码网页
余斗余斗
  1. 转载请注明:网页前端输入密码才能访问的实现方法(JS)
  2. 版权声明:本站原创文章,由发表在Html/css分类下,于2017-05-09最后更新
CSS实现单行、多行文本溢出显示省略号
使用CSS实现嵌入Flash视频自适应长宽
手机扫一扫 随身带着看
鸿运国际手机登录首页