最稳的方式是将值挂到全局对象（如window.app_config），再在js文件中读取。html中需先定义变量，确保在script标签之前执行，避免加载顺序问题，且无需url编码或担心缓存、安全风险。
HTML 中的值怎么动态塞进 <script src> 的文件名里
不能直接在 HTML 的 src 属性里写 JS 表达式，比如 <script src="app.js?user_id={{id}}"> 这种模板语法在纯 HTML + 原生 JS 环境里不生效。浏览器加载 <script> 标签时，src 就是静态字符串，不会执行任何 JS 逻辑。
用 document.write 拼接 script 标签（仅限同步场景）
如果 HTML 里已有确定的值（比如从 DOM 元素、URL 参数或内联 script 变量中拿到），可以用 document.write 动态生成带参数的 <script> 标签。但它只在文档解析过程中有效，且会阻塞后续 HTML 解析 —— 所以只能放在 <head> 末尾或 <body> 开头，且不能用于异步/模块化环境。
- 确保值已就绪：比如
<meta name="user-id" content="123">，再用document.querySelector('meta[name="user-id"]').getAttribute('content')拿到 - 拼接时注意 URL 编码：用户 ID 含特殊字符（如
+、/）会导致请求失败，要用encodeURIComponent() - 不要在模块化项目（如用
type="module"）里用，document.write会清空整个文档
var uid = document.querySelector('meta[name="user-id"]').getAttribute('content');
document.write('<script src="main.js?uid=' + encodeURIComponent(uid) + '"></script>');更可靠的做法：把值挂到全局对象，JS 文件里读取
这是最通用、无兼容性风险的方式。HTML 里先定义一个全局变量，JS 文件加载后直接访问它。不需要改 src，也不依赖加载时机顺序（只要 script 标签在变量定义之后）。
第一步】：将安装包中所有的文件夹和文件用ftp工具以二进制方式上传至服务器空间;(如果您不知如何设置ftp工具的二进制方式，可以查看：(http://www.shopex.cn/support/qa/setup.help.717.html)【第二步】：在浏览器中输入 http://您的商店域名/install 进行安装界面进行安装即可。【第二步】：登录后台，工具箱里恢复数据管理后台是url/sho
- HTML 中定义变量要早于 script 引入：比如把
window.APP_CONFIG = { user_id: '456' };放在<script src="main.js">上方 - JS 文件里统一从
window.APP_CONFIG或self.APP_CONFIG读，避免硬编码或重复获取逻辑 - 如果用构建工具（如 Webpack/Vite），注意别让这个变量被 tree-shaking 掉 —— 可加
/* webpack-mode: "eager" */注释或显式导出
<script>
window.APP_CONFIG = {
user_id: document.getElementById('user-id').value,
env: 'prod'
};
</script>
<script src="main.js"></script>URL 参数传值时要注意缓存和代理问题
有人喜欢用 <script src="bundle.js?v=123"> 这类带查询参数的方式“强制刷新”，但浏览器对带 query 的资源仍可能缓存，CDN 或反向代理也可能忽略 query 字符串做缓存键。
立即学习“前端免费学习笔记（深入）”；
- Chrome/Firefox 对
foo.js?a=1和foo.js?a=2默认视为不同资源，但某些企业网关会截掉 query 再转发 - 如果值是敏感信息（如 token），绝不能放 query —— 会出现在服务器日志、Referer、中间代理记录里
- 真正需要区分版本，优先用文件内容哈希命名（如
main.a1b2c3.js），而不是靠运行时拼 query
实际用哪种方式，取决于你能不能控制 HTML 输出时机、是否用构建流程、以及那个“值”到底有多动态。最稳的永远是全局变量法，但得记住：变量声明必须在 script 加载之前完成，这点容易被忽略。
