利用JS给单页html加上简单访问密码-网页加密-涓滴意念汇成河

今天在搞一个简单的短域名生成网页的时候，以防被滥用，所以想给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加密了，是不是有点意思，觉得有用的童鞋可以去试试哦！

Nickname

Website

0/500