java script更改src属性后,不刷新的问题
来源:互联网 发布:头像卡通化软件 编辑:程序博客网 时间:2024/06/06 19:51
这里有两种情况:
1. 你更改的是图片img的src
2. 你更改的是视频video的src
针对情况一:
多数是因为图片地址相同
案例:
1.当点击某一按钮的时候,把图片域中的图片改变一下
<img id="randimg" src="/servlet/CreateValidateNum" width="60" height="20" /> <span style="cursor:hand" onclick="refresh();return false;">看不清</span> <script> function refresh() { 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();
即:每次的访问地址都不一样,因为有加随机数。所以问题解决
成功了~!!!!
针对情况二:
1点击按钮更换视频src
// js:function go(){ document.getElementById("videoSourceid").src="http://ohkt.cddn.com/video/%51%5D%E6_bd.mp4";}//html: <video width="320" height="240" controls="controls" id="videoid" > <source id="videoSourceid" src="123/4452.mp4" type="video/mp4"/> </video> <button type="button" onclick="go()">第24集</button>
2.出现的问题:
点击后 视频src更换了,但是视频不刷新。
3.解决方法:
要改video元素的src属性,不是改source元素
document.getElementById("videoid").src="http://ohkt.cddn.com/video/%51%5D%E6_bd.mp4";
0 0
- java script更改src属性后,不刷新的问题
- 火狐iframe的src属性更改后onblur失效问题
- 更改img标签src属性来换图时浏览器不改变问题
- 动态修改script标签中的src属性存在的问题
- HTML <script> 标签的 src 属性
- Jquery修改image的src属性,图片不加载问题
- Jquery修改image的src属性,图片不加载问题
- 关于修改image属性后图片不刷新问题
- script不刷新页面的联动
- 如何用脚本更改Iframe的src并刷新
- P3P script src 解决cookie存取的跨域问题 java 终极解决办法
- 修改img的src属性刷新图片时,图片地址相同图片无变化的问题
- vue 更改计算属性后select选中值不更改的解决方法
- vue 改变对象的属性,视图不刷新的问题
- showmodaldialog子窗口关闭后不刷新的问题
- 更改xml文件中imageview的src属性方法
- 解决javascript动态改变img的src属性图片不显示问题
- 解决javascript动态改变img的src属性图片不显示问题
- 关于使用java语言操作FTP的一些问题
- JS 中的事件绑定、事件监听与事件委托
- Read rtsp using libvlc&opencv
- 函数中this的指向问题 ——Javascript 进阶知识整理
- 基于kylin大数据多维分析功能整合
- java script更改src属性后,不刷新的问题
- Android设置背景透明度
- 自定义groupingcomparator
- 二维数组中查找一个数,该二维数组是 行和列递增的
- 使用fiddler工具进行前后端连调:将本地网页放到某个域下
- TCP的建立与释放
- Leetcode 283. Move Zeroes
- Java编写二进制加法器
- 字符串反转