全百科精品资源分享
免费优质资源下载平台

给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 == "quanbaike") {//初始密码quanbaike
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 != "quanbaike") {//设置密码 初始密码quanbaike
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 == "quanbaike") {//设置密码 初始密码quanbaike
alert('口令正确,进行跳转');   
window.location.href="http://www.quanbaike.com/";//添加你要跳转的页面
break;   
}    
testV+=1;   
var pass1 =    
prompt('密码错误','');   
}   
if (pass1!="password" & testV ==3)    
history.go(-1);   
return " ";   
}    
document.write(password());   
</script>

总结

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

Premium WordPress Themes Download
Premium WordPress Themes Download
Download Premium WordPress Themes Free
Free Download WordPress Themes
udemy course download free
download karbonn firmware
Download WordPress Themes Free
online free course

搜一下 获取更多

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0)
全百科网 » 给HTML添加密码才能访问的三种方法
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址