param 的 value 属性只能写死，不能动态传值；其值在 html 解析时即固化，不支持模板语法、js 插值或 dom 修改，动态传参需通过 js 拼接完整 object 标签并插入 dom。
param 的 value 属性只能写死，不能动态传值
<param> 是 HTML 中用于向 <object></object> 元素传递参数的标签，它的 value 属性是静态字符串，浏览器解析时就固定了，不支持模板语法、JS 变量插值或 DOM 操作后更新。你看到的“传参”效果，其实是靠 JS 在加载前拼接 HTML 字符串实现的。
- 直接写
<param name="foo" value="{jsVar}">不会生效——{jsVar}会被当纯文本处理 - 用 JS 修改
param.value = someVar通常无效：多数插件（如旧版 Flash、Java applet）只读取初始 HTML 解析结果，不监听 DOM 变更 - 现代浏览器已基本弃用
<object></object>+<param>方案，尤其对非标准插件
想动态控制参数？用 JS 拼出完整 object 标签
真正可行的做法，是在 JS 中构造带正确 param 的整个 <object></object> 结构，再插入 DOM。例如要传用户 ID：
const userId = "12345";
const objectHTML = `
<object type="application/x-example">
<param name="user_id" value="${userId}">
<param name="mode" value="view"></object>
`;
document.getElementById("plugin-container").innerHTML = objectHTML;
- 注意对
userId做 HTML 转义（比如用DOMPurify.sanitize()或手动替换&<code>>），否则有 XSS 风险 - 某些老插件要求
<param>必须在<object></object>开始标签后立即出现，不能有空格或注释干扰 - 如果页面已渲染过
<object></object>，直接 innerHTML 替换可能触发重载；部分环境需先remove()再重新 append
现代替代方案：优先用原生 API 或 Web Components
绝大多数曾依赖 <param> 的场景（如视频配置、图表初始化）现在都有更可靠的方式：
- 视频/音频：用
<video></video>的src、poster、controlsList等原生属性，或通过videoEl.play()等方法控制 - 图表库（如 ECharts、Chart.js）：用 JS 对象初始化，参数直接传入
echarts.init(dom, null, { renderer: 'canvas' }) - 自定义组件：用
customElements.define()，参数走attributeChangedCallback或 props - 若必须对接遗留插件（如某内部 ActiveX 控件），确认它是否支持
postMessage或暴露 JS API —— 这比依赖param更可控
常见报错和兼容性坑
遇到 TypeError: Cannot set property 'value' of null 或插件不读参，先检查这些：
-
<param>必须是<object></object>的**直接子元素**，嵌套在<div> 里会失效 <li>IE 中 <code>name值区分大小写，而 Chrome/Firefox 不敏感；统一用小写避免问题 - 某些插件要求
value为数字时不能加引号（value=42），但 HTML 规范要求加引号（value="42"），实际以插件文档为准 - 移动端 Safari 完全屏蔽大部分
<object></object>插件，包括 PDF 嵌入（改用<iframe src="x.pdf"></iframe>）
真正麻烦的不是怎么写 value，而是得确认目标插件是否还在维护、是否支持你当前的浏览器和系统——这点比语法细节重要得多。
