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

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

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

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

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

“雨飞叶”原创。

如何在网页中添加访问密码？相关推荐

在网页中添加矢量图形
矢量图形在很多情况下非常有用 - 它们拥有较小的文件尺寸,却高度可缩放,所以它们不会在镜头拉近或者放大图像时像素化.在这篇文章中,我们将为您呈现如何在网页中添加矢量图形. 前提: 你需要了解 HTML ...
图片滚动html设置圆圈,在网页中添加滚动图片（文字和其它对象）的方法
在网页中添加滚动图片(文字和其它对象)的方法 (2006-04-13 15:31:51) 分类: 记滚动内容 Direction 参数可设置:up down left right (控制滚动方向) ...
html页面怎么添加打印,在网页中添加打印按钮或链接的方法
在网页中添加打印按钮或链接的方法发布时间:2020-05-27 17:38:35 来源:亿速云阅读:347 作者:鸽子打印按钮或链接是对网页的简单添加 CSS(层叠样式表)使你可以控制屏幕上的网 ...
关于如何在网页中添加自己的QQ客服方法
关于如何在网页中添加自己的QQ客服方法今天,自己在百度上查的,.本来我也不会.其实弄下来还是很简单的,下面我就来为大家介绍下如何在设计网页时给网页中加入自己的QQ客服图标. 第一步,用你所要添加到网 ...
CSS/HTML 如何在网页中添加空格(琐碎知识点整理)
之前有整理过一部分知识点, 一直没有发布, 因为都是有关前端方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家这个专题就是工作 ...
如何在html添加css样式表,网页中添加CSS样式表的四种方式
本文向大家描述一下网页中添加CSS样式表的四种方式,首先让我们来看一下CSS样式表文件的优势,主要体现在两个方面,请看下文详细介绍. CSS样式表文件的优势表现在两个方面: ***,简化了网页的格式代 ...
html5网页中加入播放器,向网页中添加 HTML5 视频控件
爱学习,爱生活,爱编程--希望能帮到你!更多>>> 如何开始使用采用它的最基本形式,使用 HTML5 video 元素向网页中添加视频播放器是通过一行 HTML 完成的. 添加 ...
在网页中添加即时翻译器stardict
星际译王项目组资源下载列表:http://code.google.com/p/stardict-3/downloads/list 星际译王select&translate how to 即时翻 ...
怎样在html中加入音乐播放器,如何在网页中添加音乐播放器
小编其实一个很痴迷音乐的人,每当我用电脑工作的时候,都会打开播放器播放音乐的,然后顿时觉得很舒适,如果我们在别人浏览网页的时候加个音乐播放器播放音乐的话,那么我们的网页就会给别人带来很舒适的感觉.DW ...

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

如何在网页中添加访问密码？相关推荐

最新文章

热门文章