您的位置:首页 > 其它

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

2013-05-24 11:30 302 查看
第一种方法是在请求地址后面带参数,这是一个小窍门。因为浏览器访问服务器的时候地址后面可以带上参数一起传给服务器,而加载内容是只看地址不看后面的参数;另外在<imgsrc="地址"/>中,只要浏览器发现地址改变了就会自动重新加载该地址指向的图片。所以只要给地址后面带上当前时间的参数那么地址就一直都是不一样的,从而让浏览器认为地址发生改变重新去加载验证码图片。具体做法是:<imgsrc="地址"onclick="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>点击就可以改变验证码了^_^
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: