`
齐晓威_518
  • 浏览: 618657 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

javascript修改IMG标签的SRC刷新问

 
阅读更多
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问题

    关于JavaScript修改img标签的src属性的问题,涉及到浏览器缓存机制和动态更新图片源的需求。在IE6浏览器中图片可以正常刷新,但在IE7和Firefox浏览器中遇到刷新不出现的情况,主要的原因可能和浏览器对静态资源的...

    javascript动态改变img的src属性图片不显示的解决方法

    例如,开发者在页面中使用了一个a标签,并为其绑定了一个点击事件处理函数,该函数通过JavaScript代码来修改图片元素的src属性。如下代码示例: ```javascript document.getElementById('current').src='images/001...

    图片img的src不变让浏览器重新加载实现方法

    var img_src = 'http://huoche.7234.cn/images/jb51/gi2rp4tu0vm.jpg?t=' + Math.random(); ``` 在这个例子中,`Math.random()`函数生成一个0到1之间的随机浮点数,然后将其转换为字符串并附加到URL的末尾。由于...

    Jquery修改image的src属性,图片不加载问题的解决方法

    这一问题通常发生在通过JavaScript或者Jquery这类JavaScript库来动态改变页面中img元素的图片源地址时,可能遇到的不显示图片的状况。这可能是由于浏览器缓存导致的,因为浏览器可能会缓存原始图片地址的资源,当...

    JSP结合js实现img中src更新请求的方法

    总结来说,这个例子展示了如何利用JavaScript和JSP进行前后端交互,实现在不刷新页面的情况下动态更新img标签的src属性,达到刷新图像的目的。这种方法在许多场景下都非常实用,特别是在需要频繁刷新内容(如验证码...

    jsp 图片拖拽排序,img src自动改变

    在JSP页面中,图片通常通过`&lt;img&gt;`标签来显示,其`src`属性指向图片的URL。例如: ```html &lt;img src="path/to/image.jpg" alt="图片描述"&gt; ``` 当需要实现图片拖拽排序时,我们主要依赖于HTML5的`draggable`属性和...

    JS刷新页面

    - **解析**:当页面是通过点击链接或其他方式在新窗口或弹出窗口中打开时,可以使用`window.opener`对象访问父窗口,并通过修改其`location.href`属性来刷新父窗口。 #### 三、总结 通过上述介绍,我们可以看到...

    javascript 实例源代码

    `&lt;script src="javascript_file.js"&gt;&lt;/script&gt;`这样的标签会引入名为"javascript_file.js"的JavaScript文件,使网页具备相应的功能。 描述中提到的基础部分可能包括基本的数据类型(如字符串、数字、布尔值)、变量...

    Vue 自定义标签的src属性不能使用相对路径的解决

    最后,解决自定义标签src属性无法使用相对路径的问题后,需要重启npm run dev来刷新开发服务器,确保新的配置生效。一旦配置正确,你将能够在Vue项目中自由地使用require()或其他方法来动态加载静态资源,而无需担心...

    JSP无刷新验证码(JS)

    在这段代码中,首先定义了一个名为`chk_image`的JavaScript函数,该函数的作用是获取ID为`pic`的`&lt;img&gt;`元素,并更新其`src`属性。这里通过向URL末尾添加随机数的方式,确保每次更新时都能加载新的图片,避免浏览器...

    如何在jsp里面刷新验证码

    其实现的关键在于JavaScript函数`chk_image()`,该函数首先通过`getElementById`获取页面中ID为"pic"的图像元素,然后通过修改其`src`属性值来达到刷新的目的。这里引入了`Math.random()`作为URL参数的一部分,是...

    JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析_.docx

    JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析 在网页设计中,为了提升用户体验,尤其是在处理大量图片的页面时,通常会采用“滚动加载”技术。这种技术能有效地优化页面加载速度,使得用户在浏览页面时...

    jsp验证码刷新功能

    1. **HTML元素定义**:在表格中定义了一个`&lt;img&gt;`标签用于显示验证码图片,并设置其`id`为`validateImage`,以便后续JavaScript可以轻松地通过ID选择器找到并操作该元素。 ```html &lt;img src="validateServlet" ...

    超实用的javascript代码

    例如,使用`img.onload`事件检测图片是否已加载,`img.src`改变图片源,`naturalWidth`和`naturalHeight`获取原始尺寸,`CSS`操作调整图片大小和位置。 7. **定时器与回调**:`setTimeout`和`setInterval`函数用于...

    网页编程基础(HTML;JAVASCRIPT)网页基础最快入门

    4. **DOM操作**:JavaScript能通过Document Object Model(DOM)接口动态修改网页内容。例如,`document.getElementById`获取元素,`element.innerHTML`改变元素内容,`addEventListener`添加事件监听器。 5. **AJAX...

    常用经典Javascript代码

    document.write('&lt;img id="mdiv" src="' + document.all.reflect.src + '" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" /&gt;'); window.onload = f1; } ``` 此代码段实现...

    HTML-CSS-JAVASCRIPT

    `&lt;img src="image_path"&gt;`中的`src`,指定图像路径。 4. **特殊字符**:HTML提供实体引用,如`&lt;`表示小于号,`&gt;`表示大于号,`&amp;`表示与号,用于避免字符冲突。 **CSS(Cascading Style Sheets)** CSS...

Global site tag (gtag.js) - Google Analytics