【HTML】三种方法使HTML单页面输入密码才能访问

方法一
<script type="text/javascript">   
function password() {   
var testV = 1;   
var pass1 = prompt('请输入密码','');   
while (testV < 3) {   
if (!pass1)   
history.go(-1);   
if (pass1 == "123") {//初始密码123   
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 != "123") {//设置密码
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 == "123") {//设置密码
alert('口令正确,进行跳转');   
window.location.href="http://test.junyao2018.cn/";//添加你要跳转的页面
break;   
}    
testV+=1;   
var pass1 =    
prompt('密码错误','');   
}   
if (pass1!="password" & testV ==3)    
history.go(-1);   
return " ";   
}    
document.write(password());   
</script>
 
  • 9
    点赞
  • 53
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在web应用中,点登录(Single Sign-On,SSO)是指用户只需要一次登录,即可访问多个应用程序的系统,而不需要重复的输入用户名和密码。这种系统可以减少用户输入登录信息的次数,简化用户访问多个应用程序系统的流程,提高用户体验,也方便了用户管理。实现SSO需要在各个应用程序之间共享登录信息。在这个过程中,iframe和cookie结合使用是实现简点登录的一种方式。 iframe是一种HTML框架,可以将一个HTML文档嵌入到另一个HTML文档中。利用iframe来实现跨域点登录,可以让用户在第一次登录后,其他应用程序可以共享已登录的cookie信息,从而实现点登录的效果。具体步骤如下: 1、用户访问主程序,点击需要跳转到的应用程序链接。 2、主程序利用iframe打开应用程序页面。 3、应用程序检查cookie信息是否存在,如果不存在,则展示登录页面,让用户输入用户名和密码进行登录。 4、应用程序利用AJAX等技术将用户的用户名和密码提交到主程序,主程序进行验证,在验证成功后写入cookie信息。 5、主程序刷新页面后丢失cookie信息。这时,应用程序利用iframe中的cookie信息进行验证,实现点登录。 需要注意的是,iframe与跨域问题有关,需要进行跨域访问设置。同时,cookie也需要设置域名和路径,让不同的应用程序共享cookie信息。如果多个应用程序之间共享同一个域名,则不需要设置跨域。 总的来说,iframe cookie是实现简点登录的一种简便捷的方式。它不需要复杂的技术操作,同时也提高了用户的访问效率和体验。当然,它只适用于相对简的应用程序,对于更加复杂的应用程序,需要其他的技术手段来实现跨域点登录。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值