解决IE浏览器下JS修改img src属性不生效的问题

作者:巡夜人时间:2026-10-27 12:40:49浏览:109

本文介绍在IE浏览器中通过JavaScript动态修改img标签src属性时可能遇到的不生效问题。该现象通常由IE缓存机制导致,解决方法是在新图片路径后附加时间戳参数,强制浏览器重新加载资源,确保图片正常更新。

IE浏览器下JS修改图片src失效问题

在开发项目过程中,有时需要动态更改图片显示,例如以下HTML结构:


<img src="images/image01.jpg" id="myImage" />



接着,通过JavaScript脚本尝试更新图片地址:


document.getElementById('checkCodeImage').src='images/image02.jpg‘;



上述代码在Chrome和Firefox等浏览器中运行正常,但在IE浏览器中却无法生效。经查阅相关资料,这通常归因于IE浏览器的缓存机制。为确保src属性修改后能正确加载新图片,建议采用以下写法:


document.getElementById('checkCodeImage').src='images/image02.jpg‘ + Date();



通过上述方式添加时间戳后,问题得以解决。这是一个容易被忽视的细节,特此记录以备后续参考。

作者最新文章