1.当点击某一按钮的时候,把图片域中的图片改变一下
<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>
2.说明
”servlet/CreateValidateNum“是JAVA写的servlet。该servlet是打印出图片
3.出现的问题
在IE6下面图片修改正常,但在IE7和Firefox下面却不刷新
4.情况分析
如果新的图片跟旧的图片地址不一样,效果是会出来的。即:图片有发生改变。
但像”验证码“这种功能。新旧图片的地址是一样的。
鉴于上述情况,怀疑有可能是因为图片地址是一样的,而导致浏览器自动读缓存。
5.解决方法
把javascript改成这样即可:
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即:每次的访问地址都不一样,因为有加随机数。所以问题解决
成功了~!!!!
转自:http://windandstorm.iteye.com/blog/730920 非常感谢
分享到:
相关推荐
关于JavaScript修改img标签的src属性的问题,涉及到浏览器缓存机制和动态更新图片源的需求。在IE6浏览器中图片可以正常刷新,但在IE7和Firefox浏览器中遇到刷新不出现的情况,主要的原因可能和浏览器对静态资源的...
例如,开发者在页面中使用了一个a标签,并为其绑定了一个点击事件处理函数,该函数通过JavaScript代码来修改图片元素的src属性。如下代码示例: ```javascript document.getElementById('current').src='images/001...
var img_src = 'http://huoche.7234.cn/images/jb51/gi2rp4tu0vm.jpg?t=' + Math.random(); ``` 在这个例子中,`Math.random()`函数生成一个0到1之间的随机浮点数,然后将其转换为字符串并附加到URL的末尾。由于...
这一问题通常发生在通过JavaScript或者Jquery这类JavaScript库来动态改变页面中img元素的图片源地址时,可能遇到的不显示图片的状况。这可能是由于浏览器缓存导致的,因为浏览器可能会缓存原始图片地址的资源,当...
总结来说,这个例子展示了如何利用JavaScript和JSP进行前后端交互,实现在不刷新页面的情况下动态更新img标签的src属性,达到刷新图像的目的。这种方法在许多场景下都非常实用,特别是在需要频繁刷新内容(如验证码...
在JSP页面中,图片通常通过`<img>`标签来显示,其`src`属性指向图片的URL。例如: ```html <img src="path/to/image.jpg" alt="图片描述"> ``` 当需要实现图片拖拽排序时,我们主要依赖于HTML5的`draggable`属性和...
- **解析**:当页面是通过点击链接或其他方式在新窗口或弹出窗口中打开时,可以使用`window.opener`对象访问父窗口,并通过修改其`location.href`属性来刷新父窗口。 #### 三、总结 通过上述介绍,我们可以看到...
`<script src="javascript_file.js"></script>`这样的标签会引入名为"javascript_file.js"的JavaScript文件,使网页具备相应的功能。 描述中提到的基础部分可能包括基本的数据类型(如字符串、数字、布尔值)、变量...
最后,解决自定义标签src属性无法使用相对路径的问题后,需要重启npm run dev来刷新开发服务器,确保新的配置生效。一旦配置正确,你将能够在Vue项目中自由地使用require()或其他方法来动态加载静态资源,而无需担心...
在这段代码中,首先定义了一个名为`chk_image`的JavaScript函数,该函数的作用是获取ID为`pic`的`<img>`元素,并更新其`src`属性。这里通过向URL末尾添加随机数的方式,确保每次更新时都能加载新的图片,避免浏览器...
其实现的关键在于JavaScript函数`chk_image()`,该函数首先通过`getElementById`获取页面中ID为"pic"的图像元素,然后通过修改其`src`属性值来达到刷新的目的。这里引入了`Math.random()`作为URL参数的一部分,是...
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析 在网页设计中,为了提升用户体验,尤其是在处理大量图片的页面时,通常会采用“滚动加载”技术。这种技术能有效地优化页面加载速度,使得用户在浏览页面时...
1. **HTML元素定义**:在表格中定义了一个`<img>`标签用于显示验证码图片,并设置其`id`为`validateImage`,以便后续JavaScript可以轻松地通过ID选择器找到并操作该元素。 ```html <img src="validateServlet" ...
例如,使用`img.onload`事件检测图片是否已加载,`img.src`改变图片源,`naturalWidth`和`naturalHeight`获取原始尺寸,`CSS`操作调整图片大小和位置。 7. **定时器与回调**:`setTimeout`和`setInterval`函数用于...
4. **DOM操作**:JavaScript能通过Document Object Model(DOM)接口动态修改网页内容。例如,`document.getElementById`获取元素,`element.innerHTML`改变元素内容,`addEventListener`添加事件监听器。 5. **AJAX...
document.write('<img id="mdiv" src="' + document.all.reflect.src + '" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" />'); window.onload = f1; } ``` 此代码段实现...
`<img src="image_path">`中的`src`,指定图像路径。 4. **特殊字符**:HTML提供实体引用,如`<`表示小于号,`>`表示大于号,`&`表示与号,用于避免字符冲突。 **CSS(Cascading Style Sheets)** CSS...