html网页设如何置访问密码,利用JS给单页html加上简单访问密码，需要密码才能访问！...

本文最后更新于【 2019-12-21 22:28:00 】，某些文章具有时效性，若有错误或已失效，请在下方留言或联系小P君。

今天在搞一个简单的短域名生成网页的时候，以防被滥用，所以想给html加一个简单的密码，需要密码才能访问，故折腾一番！

其实加一段JS就可以！我最先开始贴的这段JS，这段JS代码加在body和/body中间位置即可！

loopy()

function loopy() {

var sWord =""

while (sWord != "123") { //设置密码

sWord = prompt("输入正确密码才能登陆!")

}

alert("欢迎访问")

}

但是我却发现一个问题，就是各位浏览器如果输入不了正确的密码，就会一直在那个页面并且保持弹窗的状态！

后面重新整理了一下，感觉下方这种会更合适些！

var password=""

password=prompt('请输入密码(本网站需输入密码才可以进入):','');

function custom_close()

{

window.opener=null;

window.open('','_self');

window.close();

}

if (password !='123')

{

custom_close();

//加这一段是为了避免有些浏览器不支持关闭浏览器的js ,所以请求跳转到一个新页面！

window.location.href='about:blank';

}

这后面的一句呢，就表示假如你输入不成功，不会停留在弹窗页面，而是跳转到另外一个页面，就可以直接关闭！

当然，我的about:blank是空白页，你也可以设置为百度啊，或者自己想要放置的链接！

嗯，这样，这个html就需要密码访问，实现简单html加密了，是不是有点意思，觉得有用的童鞋可以去试试哦！

html网页设如何置访问密码,利用JS给单页html加上简单访问密码，需要密码才能访问！...相关推荐

网页设计图片向上浮动_利用js实现图片在浏览器中飘动（浮动窗口自由移动）效果...
首先,设置一个将要飘动的窗口,html代码如下: 利用js控制span标签在浏览器内移动 var xPos = 0;var yPos = 0; var step = 1;var delay = 10; ...
linux系统密码自动丢失,通过单用户模式找回linux系统丢失的密码
通过单用户模式找回linux系统丢失的密码发布时间:2006-09-12 11:30:31来源:红联作者:benny_feng 一.单用户模式: 单用户模式要求我们输入root用户的密码,否则您无法 ...
开发期间模板引擎页面修改以后，要实时生效 || 登陆成功，防止表单重复提交，可以重定向||只有登录之后才能访问相关的页面
去除模板引擎的缓存 th:if 优先级高于 th:text 登陆成功,防止表单重复提交,可以重定向到主页只有登录之后才能访问相关的页面 login.html <!DOCTYPE html& ...
android学习笔记---53_采用网页设计软件界面,以及使用android系统内置的浏览器,利用js调用java方法
Java技术qq交流群:JavaDream:251572072 2013/5/16 53_采用网页设计软件界面 ------------------------------ 1.注意这里可以把网页放到 ...
经典网页设计：25个应用视差滚动的单页网站
有许多有趣的网站类型,其中之一是视差技术,也被称为视差滚动(Parallax Scrolling).在网页设计中,视差滚动是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动形成 3 ...
如何利用js实现选项卡效果（超简单）
在开始写我们的选项卡之前,先来看一下最终实现的大概效果: 那废话不多说,接下来就看看如何去实现这个效果. 首先,利用我们的 html 和 css 基础,写出选项卡的基本布局: html代码: < ...
经典网页设计：超炫的动画效果单页网站设计
单页网站是把所有的内容都展示在一个页面中,这样访客就不需要跳转到其它的页面.如果一个网站的内容不是很多而且将来内容也不怎么增加的情况下,那么制作成单页网站(Single Page Websites)的 ...
2005服务器文件夹网页设设置,设置VSS2005使支持通过Internet访问
Re:设置VSS2005使支持通过Internet访问 (2006/7/25 15:15:27) by 我的邮箱:zhang.wei34@zte.com.cn请问,我按上面的要求做到了" ...
Redis未授权访问的利用
Redis Redis因配置不当可以未授权访问.攻击者无需认证访问到内部数据,可导致敏感信息泄露,也可以恶意执行flushall来清空所有数据. 攻击者可通过EVAL执行lua代码,或通过数据备份功能 ...

html网页设如何置访问密码,利用JS给单页html加上简单访问密码，需要密码才能访问！...

html网页设如何置访问密码,利用JS给单页html加上简单访问密码，需要密码才能访问！...相关推荐

最新文章

热门文章