当前位置:万花网 > 建站相关 > 正文

利用JS给单页html加上简单访问密码,需要密码才能访问!

Tips:本文最后更新于【 2019-12-21 22:28:00 】,某些文章具有时效性,若有错误或已失效,请在下方留言或联系小P君

今天在搞一个简单的短域名生成网页的时候,以防被滥用,所以想给html加一个简单的密码,需要密码才能访问,故折腾一番!

其实加一段JS就可以!我最先开始贴的这段JS,这段JS代码加在body和/body中间位置即可!

<script type="text/javascript">   
loopy()   
function loopy() {   
var sWord =""  
while (sWord != "123") { //设置密码
sWord = prompt("输入正确密码才能登陆!")   
}   
alert("欢迎访问")   
}   
</script>

但是我却发现一个问题,就是各位浏览器如果输入不了正确的密码,就会一直在那个页面并且保持弹窗的状态!

后面重新整理了一下,感觉下方这种会更合适些!

<script type="text/javascript">
        var password=""
        password=prompt('请输入密码(本网站需输入密码才可以进入):','');
        function custom_close()
        {
            window.opener=null;
            window.open('','_self');
            window.close();        
        }   
        if  (password !='123')
            {
            
            custom_close();            
            //加这一段是为了避免有些浏览器不支持关闭浏览器的js ,所以请求跳转到一个新页面!
            window.location.href='about:blank';
            }
</script>

这后面的一句呢,就表示假如你输入不成功,不会停留在弹窗页面,而是跳转到另外一个页面,就可以直接关闭!

当然,我的about:blank是空白页,你也可以设置为百度啊,或者自己想要放置的链接!

嗯,这样,这个html就需要密码访问,实现简单html加密了,是不是有点意思,觉得有用的童鞋可以去试试哦!

感觉很棒!可以赞赏支持我哟~

赞(1) 打赏
作者保留所有权,侵删请联系,转载请注明: » 万花网 » 利用JS给单页html加上简单访问密码,需要密码才能访问!

低至¥89元/年限时抢

抢阿里云服务器1折起代金券

立即抢购

评论2

  1. #1

    查一下源文件,你的密码就出来了。

    生如夏花6个月前 (12-22)