两种方法实现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";//这是进站密码