{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

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

有的时候,我们在做网页的时候需要一些很有趣的特效,比如我们今天要讲的给网页加密,访客在输入密码后才能访问。全程是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>
 

预点击览


资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:网页前端输入密码才能访问的实现方法(JS)
喜欢 ()分享 (0)