frameborder属性在HTML5中已废弃，必须用CSS的border: none清除边框；仅删除该属性仍可能显示默认边框，还需处理sandbox权限、滚动条及Chrome的cookie策略限制。

frameborder 属性在 HTML5 中已废弃，直接删掉就行

HTML5 标准里 frameborder 已被移除，继续写它不仅无效，还会让文档变成非标准模式，部分浏览器可能忽略或报警告。现代写法是彻底去掉这个属性，改用 CSS 控制边框。

用 CSS 的 border: none 实现真正无边框

即使删了 frameborder，某些浏览器（比如旧版 Safari 或 IE）仍可能默认渲染 2px 灰色边框。必须显式用 CSS 清除：

<iframe src="page.html" style="border: none;"></iframe>

• border: none 比 border: 0 更可靠，后者在部分场景下会被重置样式覆盖
• 如果 iframe 在 CSS 框架（如 Bootstrap）中，检查是否有全局 iframe 样式影响，可加 !important 临时覆盖（不推荐长期使用）
• 内联样式最直接；若用外部 CSS，请确保选择器优先级足够，例如 iframe[src*="page.html"] { border: none; }

别漏掉 scrolling 和 sandbox（安全与体验细节）

去掉边框只是视觉层面，实际嵌入时还常遇到滚动条干扰或跨域限制：

• 加 scrolling="no"（HTML4 遗留属性，仍被广泛支持）或用 CSS overflow: hidden 控制内部滚动
• 现代做法推荐加 sandbox="allow-scripts allow-same-origin"，否则 iframe 内 JS 可能被禁用，导致页面功能异常
• 若嵌入的是同域页面，allow-same-origin 必须加上；若跨域，该 flag 无效，此时无法读写 DOM，也无需加

Chrome 80+ 的 iframe 加载白屏问题要单独处理

Chrome 80 起对第三方 cookie 和 iframe 加载策略收紧，尤其嵌入的页面含登录态或依赖 cookie 时，可能出现白屏或控制台报 Failed to load resource：

立即学习“前端免费学习笔记（深入）”；

• 确认目标页面响应头含 Permissions-Policy: interest-cohort=()（防 FLoC）和 SameSite=None; Secure（如需跨站 cookie）
• 本地开发时，file:// 协议下 iframe 会因安全策略被拒，必须走 http:// 或 https://（可用 python3 -m http.server 快速起服务）
• 加 loading="lazy" 可延迟加载非首屏 iframe，避免阻塞主页面渲染

真正无边框不是删一个属性就完事——CSS 清边框、sandbox 权限、加载策略，三者缺一不可。最容易被忽略的是 Chrome 的 cookie 策略和本地 file 协议限制，调试时先看控制台有没有 Blocked by Permissions Policy 类错误。