javascript修改IMG标签的src问题_javascript技巧
程序员文章站
2022-04-19 14:31:42
...
1.当点击某一按钮的时候,把图片域中的图片改变一下
看不清
2.说明
”servlet/CreateValidateNum“是JAVA写的servlet。该servlet是打印出图片
3.出现的问题
在IE6下面图片修改正常,但在IE7和Firefox下面却不刷新
4.情况分析
如果新的图片跟旧的图片地址不一样,效果是会出来的。即:图片有发生改变。
但像”验证码“这种功能。新旧图片的地址是一样的。
鉴于上述情况,怀疑有可能是因为图片地址是一样的,而导致浏览器自动读缓存。
5.解决方法
把javascript改成这样即可:
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即:每次的访问地址都不一样,因为有加随机数。所以问题解决
复制代码 代码如下:
看不清
2.说明
”servlet/CreateValidateNum“是JAVA写的servlet。该servlet是打印出图片
3.出现的问题
在IE6下面图片修改正常,但在IE7和Firefox下面却不刷新
4.情况分析
如果新的图片跟旧的图片地址不一样,效果是会出来的。即:图片有发生改变。
但像”验证码“这种功能。新旧图片的地址是一样的。
鉴于上述情况,怀疑有可能是因为图片地址是一样的,而导致浏览器自动读缓存。
5.解决方法
把javascript改成这样即可:
document.getElementById(randimg).src="/servlet/CreateValidateNum?"+Math.random();
即:每次的访问地址都不一样,因为有加随机数。所以问题解决
推荐阅读
-
关于vue v-for循环解决img标签的src动态绑定问题
-
javascript动态改变img的src属性图片不显示的解决方法
-
基于jquery的高性能td和input切换并可修改内容实现代码_javascript技巧
-
JavaScript中某一标签内函数用this获取不到当前标签的问题笔记
-
javascript中onmouse事件在div中失效问题的解决方法_javascript技巧
-
关于javaScript注册click事件传递参数的不成功问题_javascript技巧
-
js 弹出框只弹一次(二次修改之后的)_javascript技巧
-
JS、CSS以及img对DOMContentLoaded事件的影响_javascript技巧
-
使用js解决由border属性引起的div宽度问题_javascript技巧
-
JavaScript正则表达式替换字符串中图片地址(img src)的方法