name属性为<object>提供JavaScript可直接引用的全局标识符，使其自动挂载到window对象下成为全局变量；需写在开始标签内且值为合法字符串，不参与表单提交。
object 的 name 属性到底起什么作用
name 属性在 <object> 标签里不是用来提交表单的（那是 <input> 的事），而是为该嵌入对象提供一个**JavaScript 可直接引用的全局标识符**。它和 id 类似，但关键区别在于：name 会让这个 <object> 自动挂载到 window 对象下，变成一个可直接调用的全局变量（前提是没被其他同名变量覆盖）。
怎么写才有效：语法与常见错误
必须写在 <object> 开始标签内，值是纯字符串，不能含空格或特殊字符：
<object data="chart.svg" type="image/svg+xml" name="chartObj"></object>
- ✅ 正确：
name="chartObj"、name="pdfViewer" - ❌ 错误：
name="my chart"（含空格）、name="chart-1"（部分旧版 IE 可能拒绝解析为全局变量）、name=""（空值无效） - ⚠️ 注意：
name值不强制唯一，但若多个<object>用了相同name，JS 中通过window.name访问时只会拿到最后一个——这容易引发静默覆盖
JS 中怎么用 name 获取 object 实例
只要页面加载完成且 <object> 已渲染，就能直接用变量名访问（前提是没被局部作用域遮蔽）：
console.log(chartObj); // 输出 HTMLObjectElement 实例<br>chartObj.contentDocument?.getElementById("tooltip"); // 访问 SVG 内部 DOM
- 等价写法：
document.getElementsByName("chartObj")[0]或document.querySelector('object[name="chartObj"]')，但不如直接变量名简洁 - ⚠️ 安全前提：确保脚本执行时机晚于
<object>解析（推荐放在</body>前，或监听load事件） - ⚠️ 跨域限制：若
data指向跨域资源（如外部 PDF），contentDocument将不可访问，但name引用本身仍存在
name 和 id 选哪个？有什么实际影响
两者都能被 JS 选中，但行为不同：
立即学习“前端免费学习笔记（深入）”；
-
id是标准 DOM 标识，必须唯一，通过document.getElementById()获取，无全局污染风险 -
name是历史遗留机制，会自动注册为window属性，兼容老系统（比如某些 ActiveX 控件依赖name查找宿主对象） - 现代开发优先用
id+querySelector；只有明确需要“免查文档直接调用”或对接旧插件时，才用name - ⚠️ 隐患：
name创建的全局变量可能和你写的函数/变量同名，导致意外覆盖（比如定义了function chartObj() {...}，再放一个name="chartObj"的 object，后者会把函数干掉）
真正容易被忽略的是：name 属性在 form 提交中完全不生效——哪怕你把 <object> 放进 <form>，它也不会随表单数据一起发送。它的唯一职责就是 JS 引用桥梁，别指望它传参。
