清除缓存加载最新JS方法

本文聚焦于解决 SharePoint 等静态嵌入场景中 JS 文件因浏览器强缓存导致无法及时更新的痛点，提出一种轻量、可靠且零侵入的方案：在 HTML 中动态创建 script 元素，并为其 src 添加时间戳（如 `?t=1717023456789`）等唯一查询参数，从而强制浏览器绕过缓存、加载最新版本的自动生成 JS 文件——无需修改 JS 源文件、无需用户手动刷新、不依赖服务端配置，兼容性好、易于维护，是自动化发布流程中兼顾性能与准确性的“小改动、大收益”前端实践。

本文介绍在 SharePoint 等静态嵌入场景中，通过动态添加时间戳或随机参数的方式绕过浏览器缓存，确保 HTML 页面每次都能加载最新生成的 JS 文件，无需用户手动刷新，且无需修改自动生成的 JS 文件本身。

本文介绍在 SharePoint 等静态嵌入场景中，通过动态添加时间戳或随机参数的方式绕过浏览器缓存，确保 HTML 页面每次都能加载最新生成的 JS 文件，无需用户手动刷新，且无需修改自动生成的 JS 文件本身。

在 SharePoint Web Part 或其他基于 HTML 的嵌入式内容管理场景中，常会将业务逻辑（如从 Excel 自动生成的内容列表）输出为独立的 script.js 文件，并由主 HTML 文件通过

? 关键说明与最佳实践：

• ✅ 仅需修改 HTML 文件：符合你“JS 由 Excel 自动生成、不可手动干预”的约束；
• ✅ 时间戳优于随机数：Date.now() 更具可读性，便于调试（如检查 Network 面板中 URL 是否变化），且天然避免重复（毫秒级精度足以覆盖高频更新）；
• ⚠️ 避免滥用 Math.random()：若脚本在单页内被多次执行（如 SPA 中路由复用），可能产生多个不同 URL 请求同一资源，造成冗余加载；
• ⚠️ 不要依赖 document.write 或内联 src 修改：动态改写已有