关于JavaScript修改img标签的src属性的问题，涉及到浏览器缓存机制和动态更新图片源的需求。在IE6浏览器中图片可以正常刷新，但在IE7和Firefox浏览器中遇到刷新不出现的情况，主要的原因可能和浏览器对静态资源的缓存策略有关。为了解决这一问题，通常需要在src属性后添加一些不同的参数，以确保浏览器能够加载新图片而非使用缓存中的旧图片。
我们来看看为什么在IE7和Firefox中出现无法刷新图片的问题。一般来说，当通过JavaScript改变img元素的src属性时，浏览器会尝试加载新的图片源。如果新图片的URL与旧图片的URL相同，那么在某些浏览器中，尤其是开启了缓存的环境下，浏览器很可能会直接使用缓存中的图片，而不会重新发起请求。对于那些需要动态更新图片，如验证码的场景而言，这种缓存机制会导致刷新图片失效。
具体到问题描述中的例子，代码如下：
```html
<img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20"/>
<span style="cursor:hand" onclick="reflush();return false;">看不清</span>
<script>
function reflush() {
document.getElementById('randimg').src = "/servlet/CreateValidateNum";
}
</script>
```
在这里，我们尝试点击文字“看不清”后，通过JavaScript函数`reflush()`来更改图片的src属性，期望能够刷新图片。然而，实际情况是，在IE7和Firefox浏览器中图片并未刷新。分析原因可能是因为`/servlet/CreateValidateNum`这个URL始终没有改变，所以浏览器直接使用了缓存中的图片数据。
解决方法是在图片的src后面添加一个随机数，代码如下：
```javascript
function reflush() {
document.getElementById('randimg').src = "/servlet/CreateValidateNum?" + Math.random();
}
```
通过这种方式，每次图片刷新请求的URL都是独一无二的，因此浏览器会认为这是一个全新的资源请求，从而绕开缓存，强制从服务器重新下载图片。这种方法利用了URL参数变化来避免浏览器缓存问题。
此外，在一些实际开发中，还可以通过设置HTTP头来控制图片的缓存策略，比如在服务器端设置`Cache-Control`、`Expires`或`Pragma`等HTTP头来控制缓存的行为，避免客户端缓存干扰正常的资源更新。
还有一点值得注意的是，在实际的项目开发中，涉及到动态生成的图片或其他静态资源，开发者通常需要确保资源的URL包含能够反映文件版本的参数，如时间戳或版本号等，这样在资源内容更新后，URL的变更同样能有效避免缓存问题。
需要注意的是，在进行此类操作时，可能会对服务器造成额外的压力，因为每次资源请求都可能是全新的请求，所以需要平衡性能优化和用户体验，有时可能需要采用更加精细的缓存控制策略，如通过Ajax请求更新图片，并在服务器端预先生成多个版本的图片缓存，客户端根据需要获取相应的版本，这样既能减少服务器压力，又能保证图片资源的及时更新。
