点击图片，图片src重新加载（用于图片验证码）

来源：互联网发布：java 两个类互相引用编辑：程序博客网时间：2024/06/06 00:13

效果图：

后台给的链接直接插入html中img的src里，点击图片重新加载这个src因为src的内容一直不变，比如都是

src="http://www.xxx.com/xxx/get?tockenId=QWERTYUISDFGHJEW"

如果刷新页面这个链接返回的图片会改变，为了做到点击图片只重载这个src而整个页面不刷新，采用的方法是

document.getElementById("img").src="http://www.xxx.com/xxx/get?tockenId=QWERTYUISDFGHJEW?"+Math.random();

在后面加上Math.random()

完整代码如下：

<!DOCTYPE html><html>   <head>      <meta charset="UTF-8">      <title>测试页</title>      <style>         #img{cursor:pointer;}      </style>   </head><body><img onclick="changeCode();" src="http://www.xxx.com/xxx/get?tockenId=QWERTYUISDFGHJEW" id="img"/><script>   function changeCode(){      document.getElementById("img").src="http://www.wubapai.com/verifycode/get?tockenId=QWERTYUISDFGHJEW?"+Math.random();   }</script></body></html>

阅读全文

0 0