给网页HTML添加访问密码才能访问，三种代码方法

为避免被陌生人访问，所以想给html页面加一个简单的密码，需要密码才能访问。

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

方法一

<script type="text/javascript">   
function password() {   
var testV = 1;   
var pass1 = prompt('请输入密码','');   
while (testV < 3) {   
if (!pass1)   
history.go(-1);   
if (pass1 == "www.taozi1.com") {//初始密码www.taozi1.com
alert('密码正确');   
break;   
}   
testV+=1;   
var pass1 =   
prompt('密码错误!请重新输入:');   
}   
if (pass1!="password" & testV ==3)   
history.go(-1);   
return " ";   
}   
document.write(password());   
</script>  
<!--下面添加你要显示的内容或者代码-->

方法二

<script type="text/javascript">   
loopy()   
function loopy() {   
var sWord =""  
while (sWord != "www.taozi1.com") {//设置密码 初始密码www.taozi1.com
sWord = prompt("输入正确密码才能登陆!")   
}   
alert("欢迎访问")   
}   
</script> 
<!--下面添加你要显示的内容或者代码-->

方法三

<script type="text/javascript">   
function password() {   
var testV = 1;   
var pass1 = prompt('请输入密码:','');   
while (testV < 3) {   
if (!pass1)    
history.go(-1);   
if (pass1 == "www.taozi1.com") {//设置密码 初始密码www.taozi1.com
alert('口令正确，进行跳转');   
window.location.href="https://www.taozi1.com/";//添加你要跳转的页面
break;   
}    
testV+=1;   
var pass1 =    
prompt('密码错误','');   
}   
if (pass1!="password" & testV ==3)    
history.go(-1);   
return " ";   
}    
document.write(password());   
</script>