不刷新页面改变验证码的两种方法

第一种方法是在请求地址后面带参数,这是一个小窍门。因为浏览器访问服务器的时候地址后面可以带上参数一起传给服务器,而加载内容是只看地址不看后面的参数;另外在<imgsrc="地址"/>中,只要浏览器发现地址改变了就会自动重新加载该地址指向的图片。所以只要给地址后面带上当前时间的参数那么地址就一直都是不一样的,从而让浏览器认为地址发生改变重新去加载验证码图片。具体做法是:<imgsrc="地址"οnclick="this.src=this.src+?+(newDate()).getTime()"/>这样就可以在鼠标点击图片的时候自动改变src地址后的参数,从而实现自动加载。
  
  第二种方法是写一个JavaScript方法,在点击链接就调用改方法改变地址从而实现自动改变。具体方法是:
  
  <scripttype="text/javascript">
  
  functionchangeVerifyCode(){
  
  varimg=document.getElementByIdx(imgVcode);//在拿到id=imgVcode的<img/>对象
  
  vartime=newDate().getTime();//拿到当前时间
  
  img.src=img.src+?+time;//拼接img中src的地址,目的和第一种方法一样
  
  }
  
  </script>
  
  调用的地方是<imgid="imgVcode"src="地址"/>之后的任何地方。
  
  <ahref="javascript:verifyCode()">看不清楚?换个图片</a>点击就可以改变验证码了^_^
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值