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

2023年07月13日 技术资料 1282 views 0

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

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


解决方式

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

放入代码

<!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 Document
var xx="123456";//这是进站密码

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

👍好活当赏🧧