主页 > 网站建设 > 建站知识 > dedecms系统不刷新页面改变验证码的两种方法

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

POST TIME:2020-04-04 16:18

第一种方法是在请求地址后面带参数,这是一个小窍门。因为浏览器访问服务器的时候地址后面可以带上参数一起传给服务器,而加载内容是只看地址不看后面的参 数;另外在<img src="地址"/>中,只要浏览器发现地址改变了就会自动重新加载该地址指向的图片。所以只要给地址后面带上当前时间的参数那么地址就一直都是不 一样的,从而让浏览器认为地址发生改变重新去加载验证码图片。具体做法是:<img src="地址" onclick="this.src=this.src+'?'+(new Date()).getTime()" /> 这样就可以在鼠标点击图片的时候自动改变src地址后的参数,从而实现自动加载。

第二种方法是写一个JavaScript方法,在点击链接就调用改方法改变地址从而实现自动改变。具体方法是:
<script type="text/javascript">
function changeVerifyCode(){
var img = document.getElementByIdx('imgVcode'); //在拿到id=imgVcode的<img/>对象
var time = new Date().getTime();//拿到当前时间
img.src = img.src +'?' + time;//拼接img中src的地址,目的和第一种方法一样
}
</script>

调用的地方是<img id="imgVcode" src="地址" />之后的任何地方 。
<a href="javascript:verifyCode()">看不清楚?换个图片</a> 点击就可以改变验证码了


收缩
  • 微信客服
  • 微信二维码
  • 电话咨询

  • 400-1100-266