HTML iframe 标签

<iframe> 元素用于在当前 HTML 文档中嵌入另一个 HTML 文档。它可以用来在当前页面中显示其他网页，嵌入其他网站的内容等等。

语法

<iframe src="URL" height="pixels" width="pixels"></iframe>

属性

以下是 <iframe> 标签支持的一些属性：

• src: 嵌入的 HTML 文档的 URL 地址。
• height: 框架的高度，默认为 150 像素。
• width: 框架的宽度，默认为 300 像素。
• frameborder: 指定是否在外部的文档周围显示边框，默认为 1（显示边框）。
• scrolling: 指定是否显示 iframe 中的滚动条，默认为 auto。

示例

<h2>Web 前端开发学习资源</h2>
<iframe src="https://www.runoob.com" width="100%" height="500px"></iframe>

注意事项

• 在 iframe 中嵌入外部网站的内容时要注意安全问题，避免恶意代码注入。
• 由于 iframe 包含的内容不在当前网页的 DOM 树中，因此不能直接访问或修改其中的内容，需要使用 JavaScript 中的 contentWindow 属性来访问。
• iframe 的性能不如 Ajax 异步请求，而使用 Ajax 异步请求时可以直接将返回的 HTML 字符串插入到 DOM 中。