iframe、object、embed 和 AJAX 有什么区别？如何选择？

iframe 适合嵌入完整页面，object/embed 更适合 PDF、插件式媒体，AJAX 适合把自有内容拉回当前页面渲染。选择时先看三个问题：是不是跨域完整网页？要不要样式和脚本隔离？内容是否需要被搜索引擎直接索引？跨域、强隔离选 iframe；自有内容和 SEO 优先选 AJAX/服务端渲染；PDF 等文件优先 object，embed 只适合简单媒体嵌入。

追问

iframe 和 AJAX 最大区别是什么？

iframe 会创建独立浏览上下文，父页面只能通过 postMessage 等方式通信；AJAX 把数据或 HTML 放进当前 DOM，样式、脚本、SEO 都由主页面控制。

object 和 embed 还值得用吗？

object 值得保留，尤其是 PDF、SVG、媒体文件，并且能写 fallback。embed 更轻，但缺少 fallback，通常不是首选。

为什么第三方视频和地图常用 iframe？

因为它能跨域加载完整页面，并把第三方脚本、样式和安全边界隔开。缺点是性能开销更高，SEO 也不如直接渲染。

项目里怎么判断用哪种？

核心内容、商品详情、文章正文不要放 iframe；第三方内容、广告、地图、独立小应用可以用 iframe；组件复用和样式隔离优先考虑 Web Components 或 Shadow DOM。

写段代码

html
<iframe
  src="https://example.com/widget"
  title="第三方组件"
  loading="lazy"
  sandbox="allow-scripts allow-same-origin">
</iframe>