js 实现 图片刷新 验证码 看不清 换一张

原文地址为: js 实现 图片刷新 验证码 看不清 换一张

【需求】

html+js实现html中一个图片刷新但是整个页面不刷新,或者是验证码刷新。

不使用jsp,不使用ajax,不使用js框架。

【原理】

当一个<img>的src改变时,页面会自动刷新这个<img>

【实现代码】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test</title>
    <script type="text/javascript">
    	function reImg(){
    		var img = document.getElementById("Img");
			img.src = "Img?rnd=" + Math.random();
    	}
    </script>
  </head>
  
  <body>
	<center>
		<img id="Img" src="Img" alt="验证码"  />
		<a href="#" onclick="reImg();">看不清,换一张</a>
	</center>
  </body>
</html>




转载请注明本文地址: js 实现 图片刷新 验证码 看不清 换一张

猜你喜欢

转载自blog.csdn.net/wcqlwyt/article/details/80592889