object标签无法可靠加载外部HTML页面，现代浏览器已弃用type="text/html"；唯一稳定支持的是PDF嵌入，需满足URL协议、MIME类型、响应头及typemustmatch四条件；嵌入网页应改用iframe。
object 标签不能可靠加载外部 HTML 页面，现代浏览器已基本弃用该用法；真正能稳定工作的只有 PDF 嵌入，其他场景请直接改用 iframe。
为什么 object type="text/html" 在多数浏览器里不生效
你写 <object data="page.html" type="text/html"></object>，在 Chrome/Firefox/Edge 最新版中大概率白屏或静默失败——不是代码写错了，是浏览器根本不再解析 type="text/html" 为内联 HTML 渲染上下文。它曾被部分旧版 IE 和 Safari 支持，但如今已被移除或降级为仅 fallback 显示。控制台只会报 Failed to load resource，onerror 事件不触发，contentDocument 为 null，无法取到子页面 DOM。
object 唯一还可用的场景：PDF 嵌入
PDF 是目前 object 标签唯一被主流浏览器一致支持的用途，但必须满足四个硬性条件：
-
data必须指向可访问的 HTTP/HTTPS URL（file://协议在 Firefox 中常失效，务必用本地 HTTP 服务预览） -
type必须严格为"application/pdf"（写成"pdf"、"text/pdf"或留空均无效） - 服务端响应头必须含
Content-Type: application/pdf（Nginx/Apache 未配 MIME 类型会导致下载而非嵌入） - 建议加
typemustmatch属性，强制校验 MIME 类型，避免 HTML 内容被误当 PDF 渲染
示例：
立即学习“前端免费学习笔记（深入）”；
<object data="report.pdf" type="application/pdf" width="100%" height="600" typemustmatch> <p>PDF 加载失败，请<a href="report.pdf">点击下载</a></p> </object>
想嵌入外部网页？别碰 object，用 iframe 并注意限制
iframe 是当前唯一标准、可控、带完整生命周期事件的方案：
-
src可设为任意公开 URL，包括跨域地址（但目标页若设X-Frame-Options: DENY或Content-Security-Policy: frame-ancestors 'none'，仍会拒绝加载） - 支持
onload和onerror（需监听iframe元素自身，不是window） - 尺寸控制更灵活：可用 CSS 的
aspect-ratio、min-height等，比object的width/height更适应响应式 - 安全沙箱推荐加
sandbox="allow-scripts allow-same-origin"（若需脚本且同源），禁用时默认隔离
示例：
立即学习“前端免费学习笔记（深入）”；
<iframe src="https://example.com" width="100%" height="500" title="示例网站" sandbox="allow-scripts"> 您的浏览器不支持 iframe。 </iframe>
容易被忽略的关键点
很多人以为 fallback 文案能兜住所有失败，其实不是：object 的内部内容只在 HTTP 请求失败（404/500/断网）或 Content-Type 不匹配时才显示；路径拼错、跨域被拦、服务端返回 200 但内容是 HTML —— 这些情况都可能白屏且不触发 fallback。真正的容错得靠服务端配置、HTTP 状态码设计和前端加载超时逻辑，而不是靠标签里的 <p>。
