主页 > 教程合集 > Html/css >

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

时间:2017-05-09 阅读: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>
 

预点击览

开通特权,即可免费下载全站所有千余TB网络资源,点击 >>> 资源目录 查看所有资源,覆盖音乐、影视、有声书、电子书、漫画、动漫、课程等,不限时间次数,永久免费,点击 >>> 特权详情 了解更多!

余斗余斗
  • 版权声明:原创文章由发表在Html/css分类下,2017-05-09最后更新,转载注明出处。

相关推荐

返回顶部