onclick不触发是因为执行上下文隔离：SVG中onclick调用的父页函数不可访问，且相对路径脚本404、CSP拦截内联script；须用postMessage桥接通信。
object 嵌入 SVG 按钮时 onclick 为什么不触发
不是代码写错了，而是执行上下文被隔离：SVG 文件里的 onclick="doSomething()" 会失效，因为 doSomething 定义在父页 JS 中，而 <object> 加载的 SVG 是独立文档，无法访问父作用域函数。常见错误还包括 SVG 内部用相对路径引用外部脚本（如 <script href="util.js">），但 <object> 不继承父页 base URL，导致 404；或父页 CSP 设置了 script-src 'self'，直接拦截 SVG 内联 <script>。
如何让 object 中的 SVG 按钮真正可点击并通知父页
必须用 postMessage 桥接两个隔离上下文：
- SVG 文件内部需监听用户操作（如按钮点击），然后调用
window.parent.postMessage({type: "button-click", id: "export"}, "*") - 父页需在
<object>的load事件后，通过svgEl.contentDocument.defaultView（同源前提下）或更稳妥地监听window.addEventListener("message", ...)接收消息 - 避免直接跳转：
<a href="...">在<object>内会破坏当前页状态；改用parent.location.href或由父页统一处理导航
PDF 嵌入是 object 当前唯一稳定可用的场景
其他插件（Flash、Java Applet、QuickTime）已在 Chrome v45+、Firefox v52+、Edge v14+ 中物理移除支持，<object> 对它们只是语法合法、运行静默失败。PDF 则不同，但有硬性前提：
-
data必须指向可访问的 PDF 文件（如"./docs/report.pdf"），且服务器响应头必须为Content-Type: application/pdf -
type必须严格写成"application/pdf"，写成"pdf"或留空都会触发 fallback - 加
typemustmatch属性可强制校验响应头与type一致，防止“返回 HTML 却当 PDF 渲染”的错位 - 本地开发用
file://协议时，Firefox 可能忽略type、只按后缀判断，建议用http://localhost启服务预览
object 嵌入 HTML 页面时的兼容性陷阱
<object data="page.html" type="text/html"> 看似可行，但实际行为高度依赖浏览器策略：Chrome 和 Safari 通常将其降级为下载或仅渲染静态快照；Firefox 支持稍好，但仍可能静默禁用脚本或表单提交。相比 <iframe>，<object> 对跨域 HTML 加载更不稳定，样式穿透和事件冒泡也无保障。真正麻烦的不是写标签，而是确认目标内容是否真能执行 JS、能否响应用户输入、以及 fallback 是否及时生效——这些边界问题不提前在目标浏览器中实测，上线后就是白屏加 silent fail。
立即学习“前端免费学习笔记（深入）”；
