学PHP >> javascript >> 不刷新页面改变验证码的两种方法

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

查看次数4922 发表时间2013-05-24 12:48:15

第一种方法是在请求地址后面带参数，这是一个小窍门。因为浏览器访问服务器的时候地址后面可以带上参数一起传给服务器，而加载内容是只看地址不看后面的参数；另外在<imgsrc="地址"/>中，只要浏览...

第一种方法是在请求地址后面带参数，这是一个小窍门。因为浏览器访问服务器的时候地址后面可以带上参数一起传给服务器，而加载内容是只看地址不看后面的参数；另外在<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>点击就可以改变验证码了^_^
(转发请注明转自:学PHP)

学PHP >> javascript >> 不刷新页面改变验证码的两种方法

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

最新发布...

最新推荐...

浏览最多...