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