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

最新推荐文章于 2024-05-25 23:50:15 发布

雨飞叶

最新推荐文章于 2024-05-25 23:50:15 发布

阅读量8.3k

点赞数 5

分类专栏：前端文章标签： javascript html

本文链接：https://blog.csdn.net/heartmvcom/article/details/104589786

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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

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

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

<!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

“雨飞叶”原创。

雨飞叶

关注

5
点赞
踩
39

收藏

觉得还不错? 一键收藏
5
评论
如何在网页中添加访问密码？

有时，我们编写的网页或网站不希望太多人来访问，需要在主页中添加访问密码的功能。那么这个需要正确输入密码才能访问网站的功能怎么实现呢？其实很简单，下面贴出本人的源码（带注释），给大家参考一下。以下是主页源码（目的是阻止用户访问真实网站，只有用户输入正确的密码才能跳转到指定的页面。）：<!doctype html><html><head><meta...
复制链接

扫一扫