行业知识
【前端】在静态网页引入JS、CSS的地址上动态添加时间戳防止缓存
2026-11-14 08:22:00
来源：互联网转载
案例：
防止浏览器缓存 function addTimestampToURL() { var scripts = document.getElementsByTagName('script'); var links = document.getElementsByTagName('link'); // 添加时间戳参数到标签的src属性中 for (var i = 0; i 说明：
当浏览器请求一个静态资源时，它会检查该资源是否已经存在于缓存中。如果资源已经被缓存，并且缓存的版本与服务器上的版本相同（通过 URL 判断），浏览器会直接从缓存中获取资源，而不会再次向服务器发送请求。
通过为静态资源的 URL 添加时间戳参数，每次资源内容发生变化时，URL 的参数值也会发生变化，导致浏览器无法命中缓存，因此浏览器会重新发起请求，从服务器获取最新版本的资源。
这种方式确保了浏览器每次都能加载最新的静态资源，而不会使用过期的缓存版本
