涓滴意念汇成河

利用JS给单页html加上简单访问密码-网页加密

zahui 于 2022-03-31 发布

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

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

<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加密了,是不是有点意思,觉得有用的童鞋可以去试试哦!