您当前的位置：主页 > 教程合集 > Html/css > 网站首页Html/css

网页前端输入密码才能访问的实现方法（JS）

发布时间：2017-05-09 08:30:02编辑：余斗阅读：(0)字号： 大 中 小

有的时候，我们在做网页的时候需要一些很有趣的特效，比如我们今天要讲的给网页加密，访客在输入密码后才能访问。全程是js控制，虽然很low但是很有趣，针对那些电脑小白还是很有用的，余斗今天就教大家三种方法来实现：

输入密码才能访问页面的实现方法一


<script type="text/javascript">
function password() {
var testV = 1;
var pass1 = prompt('请输入密码','');
while (testV < 3) {
if (!pass1)
history.go(-1);
if (pass1 == "123") {//初始密码123
alert('密码正确!');
break;
}
testV+=1;
var pass1 =
prompt('密码错误!请重新输入:');
}
if (pass1!="password" & testV ==3)
history.go(-1);
return " ";
}
document.write(password());
</script>
 

预点击览

输入密码才能访问页面的实现方法二


<script type="text/javascript">
function password() {
var testV = 1;
var pass1 = prompt('Sorry,该页只限熟人浏览,请输入密码:','');
while (testV < 3) {
if (!pass1)
history.go(-1);
if (pass1 == "123") {//初始密码123
alert('一看你就是自己人，口令正确!');
window.location.href="https://www.yudouyudou.com/demo/password/";//修改需要密码认证的网页
break;
}
testV+=1;
var pass1 =
prompt('朋友，密码不对！:(','');
}
if (pass1!="password" & testV ==3)
history.go(-1);
return " ";
}
document.write(password());
</script>
 

预点击览

输入密码才能访问页面的实现方法二


<script type="text/javascript">
loopy()
function loopy() {
var sWord =""
while (sWord != "123") {//初始密码123
sWord = prompt("输入正确密码才能登陆!")
}
alert("AH…欢迎光临！")
}
</script>
 

预点击览

• 转载请注明：网页前端输入密码才能访问的实现方法（JS）
• 版权声明：本站原创文章，由余斗余斗发表在Html/css分类下，于2017-05-09最后更新