给你的HTML页面加一个访问密码

YuYing 个人笔记 2024-08-02 308 0

这次带来则是给HTML页面加入一个访问密码,只需要加在</head>前面就可以了,下面说一下使用方式:

普通的html,如果你将源码,代码,密码加入在html里面,F12虽然看不到,但是…当通过查看网站源代码,就会发现你的密码是多少,这可怎么办?


解决方式

使用加密html代码,但是得记住密码,否则就是得重新设置

放入代码

Markup
<!doctype html><html><head><meta charset="utf-8"><title>加密演示</title></head>
    <body><script src="psw.js"></script><!--密码定义在 psw.js 里面--><script>
  function password() {    
    var testV = 1;//计数器,记录密码错误次数
    var psw = prompt("请输入密码:","");
    while (testV < 3) {
      if (!psw){
        history.go(-1);//密码错误返回上一页
      }
      if (psw == xx) {
        location.href="index2.html";//密码正确,跳到指定页面
        break;
      }
      testV+=1;
      psw=prompt("请输入密码:","");
    }
    if (psw!=xx && testV ==3){
      alert("错错错!!!,请刷新重新输入密码");//密码输入错误达到3次
    }
      return " ";
  }
  
  password();</script></body></html>



新建一个js,加入代码,命名并引用

JavaScript
// JavaScript Documentvar xx="yuying";//这是进站密码


评论