object标签无法读取嵌入html的title，因其无contentdocument/contentwindow接口；必须改用iframe并监听load事件后访问contentdocument.title。
object 标签加载的 HTML 页面标题无法通过父页面直接读取——这不是权限问题，而是浏览器隔离机制决定的。
为什么 document.title 在 object 内部失效
嵌入的 HTML 文档运行在独立的浏览上下文（browsing context）中，object 不像 iframe 提供 contentDocument 属性；它不暴露 DOM 访问接口。即使 data 指向同域 HTML 文件，父页面 JS 也无法访问其 document 对象。
- Chrome、Firefox、Edge 均不支持
objectEl.contentDocument或类似属性 -
objectEl.contentWindow在绝大多数情况下为null - 尝试访问会静默失败，不会报错，但返回值始终不可用
替代方案：用 iframe 替代 object 获取标题
如果目标是「加载外部 HTML 并读取其 <title></title>」，必须换用 iframe —— 它明确支持跨域策略下的同源访问。
- 同域时：
iframeEl.contentDocument.title可直接读取 - 需等待
load事件触发后才可访问：iframeEl.addEventListener('load', () => { console.log(iframeEl.contentDocument.title); }) - 若需兼容旧版 IE，改用
iframeEl.contentWindow.document.title -
object没有等效的事件或属性能触发这个流程
如果非用 object 不可，只能靠服务端配合
当必须使用 object（例如加载 PDF、SVG 或需要降级 fallback 的场景），而又要获取标题信息时，唯一可行路径是把标题“带出来”：
- 让被加载的 HTML 文件在
中写入一个<meta name="page-title" content="xxx"> - 父页面无法读 DOM，但可通过
fetch预先请求该 HTML 路径，解析响应文本提取<title></title>或<meta name="page-title"> - 注意：这要求资源支持 CORS（或同域），且不能依赖动态 JS 渲染的标题（如 Vue/React SSR 后的标题需服务端吐出）
- 示例片段：
fetch('popup.html').then(r => r.text()).then(html => /<title>([^/i.exec(html)?.[1] || '')</title>
真正容易被忽略的是：很多人以为 object 和 iframe 是行为对等的容器，其实它们的设计定位完全不同——object 是“资源对象”，iframe 是“嵌套浏览环境”。要读内部文档结构，选错标签就彻底没路可走。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
