给HTML添加javascript密码才能访问的三种方法

今天做了一个简单的私人线上图床网页的时候，为避免被滥用，所以想给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.lmeim.cn") {//初始密码www.lmeim.cn
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.lmeim.cn") {//设置密码 初始密码www.lmeim.cn
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.lmeim.cn") {//设置密码 初始密码www.lmeim.cn
alert('口令正确，进行跳转');   
window.location.href="http://www.lmeim.cn/";//添加你要跳转的页面
break;   
}    
testV+=1;   
var pass1 =    
prompt('密码错误','');   
}   
if (pass1!="password" & testV ==3)    
history.go(-1);   
return " ";   
}    
document.write(password());   
</script>

总结

很简单，只需要把代码添加上去，把访问密码改成你想要的就可以了，本人推荐使用第二种方法，更加简洁一些。