如何在网页中添加访问密码?

有时,我们编写的网页或网站不希望太多人来访问,需要在主页中添加访问密码的功能。那么这个需要正确输入密码才能访问网站的功能怎么实现呢?

其实很简单,下面贴出本人的源码(带注释),给大家参考一下。

以下是主页源码(目的是阻止用户访问真实网站,只有用户输入正确的密码才能跳转到指定的页面。):

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>(问心-网站导航)heartmv.com</title>
</head>

<body>
<script src="psw.js"></script><!--密码定义在 psw.js 里面-->
<script>
	function password() {		
		var testV = 1;//计数器,记录密码错误次数
		var psw = prompt("网站全新升级!请输入密码:(没密码?访问:heartmv.com)","");
		while (testV < 3) {
			if (!psw){
				history.go(-1);//密码错误返回上一页
			}
			if (psw == xx) {
				location.href="index2.html";//密码正确,跳到指定页面
				break;
			}
			testV+=1;
			psw=prompt("网站全新升级!请输入密码:(没密码?访问:heartmv.com)","");
		}
		if (psw!=xx && testV ==3){
			alert("错错错!!!,请刷新重新输入密码");//密码输入错误达到3次
		}
			return " ";
	}
	
	password();

</script>
</body>
</html>

最后跳转的指定页面由程序员自己决定。上面的源码中,本人指定的跳转页面是“index2.html”,而进入密码是定义在“psw.js”文件中。

具体实例只有3个小文件,分享给大家:

链接: https://pan.baidu.com/s/11sL3x3C9gWTX66RsIt-2uQ 提取码: gevm

“雨飞叶”原创。

看完该文章有什么感受?

发表评论

电子邮件地址不会被公开。

标签:,
顶部