两种方法实现html页面加密访问。
一、只加密html
此方法屏蔽F12查看源码但是屏蔽不了Ctrl+U查看源码。将下面代码在</head>前面加入即可。
<SCRIPT language=JavaScript>
function password() {
var testV = 1;
var pass1 = prompt('请输入密码:','');
while (testV < 3) {
if (!pass1)
history.go(-1);
if (pass1 == "123") {
alert('密码正确!');
break;
}
testV+=-1;
var pass1 = prompt('密码错误!请重新输入:');
}
if (pass1!="password" & testV ==3)
history.go(-1);
return " ";
}
document.write(password());
</SCRIPT>
二、加密html和js
1.html代码
<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>
2.js代码
// JavaScript Document
var xx="666666";//这是进站密码