iframe {

border: 1px solid black;

width: 100%; /* takes precedence over the width set with the HTML width attribute */

}

每个嵌入的浏览上下文都有自己的文档并且允许 URL 导航。每个嵌入式浏览上下文的导航都会被线性嵌入到顶级浏览上下文的会话历史记录中。包含嵌入内容的浏览上下文称为父级浏览上下文。顶级浏览上下文（没有父级）通常是由 Window 对象表示的浏览器窗口。

警告：

页面上的每个

如果没有标题，他们就只能浏览每个

结果

在

在使用 srcdoc 时，如何进行转义：

首先，编写 HTML 内容，像正常 HTML 一样转义需要转义字符（例如 <、>、& 等）。

在 srcdoc 属性中 < 和 < 代表相同的字符。因此，在 HTML 中要将它们修改为实际需要的转义序列，将所有的 & 替换为 &。例如 < 修改为 &lt;，& 修改为 &amp;。

替换所有的双引号（"）为 " 以防止 srcdoc 属性被提前终止。（如果你使用 '，那么你应该将 ' 替换为 '）。这个步骤在上一个步骤后执行，所以 " 不会变成 &quot;。

结果

技术概要

内容分类

流式内容、短语内容、嵌入内容、交互内容、可感知内容。

允许的内容

无。

标签省略

不允许，开始标签和结束标签都不能省略。

允许的父元素

接受嵌入内容的任何元素

隐含的 ARIA 角色

没有对应的角色

允许的 ARIA 角色

application、document、img、none、presentation

DOM 接口

HTMLIFrameElement

规范

Specification

HTML# the-iframe-element

浏览器兼容性

Loading…

参见

CSP：frame-ancestors

隐私、权限和信息安全

Help improve MDN

Was this page helpful to you?

Yes

No

Learn how to contribute

This page was last modified on ⁨2025年8月6日⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content