html网页设如何置访问密码,利用JS给单页html加上简单访问密码，需要密码才能访问！...

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

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

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

loopy()

function loopy() {

var sWord =""

while (sWord != "123") { //设置密码

sWord = prompt("输入正确密码才能登陆!")

}

alert("欢迎访问")

}

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

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

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';

}

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

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

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