<iframe>

最新推荐文章于 2025-06-08 00:03:24 发布

原创最新推荐文章于 2025-06-08 00:03:24 发布 · 182 阅读

·

0

·

CC 4.0 BY-SA版权

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

文章标签：

#html #css #js #html5 #javascript

本文详细介绍了HTML中的iframe标签，包括其定义、使用方法及各种属性如height、width、name等，并提供了具体的使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

■ 定义

标记一个内联框架

一个内联框架被用来在当前HTML文档中嵌入另一个HTML文档

iframe代表单词Inline frame，意为内联框架

■ 使用说明

▶ 可把需要的文本放置在<iframe>和</iframe>之间，这样就可以应对不支持<iframe>的浏览器

▶ 请使用CSS为<iframe>(包括滚动条)定义样式

■ 属性

□ height属性

定义：规定 <iframe> 的高度

值：任意数字，单位是px

□ width属性

定义：规定 <iframe> 的宽度

值：任意数字，单位是px

□ name属性

定义：规定<iframe>的名称

值：任意自定义名称

□ sandbox属性

定义：对<iframe>的内容定义一系列额外的限制

值：以下固定值：
　　▶ ""

　　▶ allow-forms

　　▶ allow-same-origin

　　▶ allow-scripts

　　▶ allow-top-navigation

□ seamless属性

定义：规定<iframe>看起来像是父文档中的一部分(没有边框和滚动条)

　　　seamless属性是一个布尔属性

值：没有具体值，直接在写属性名"seamless"

使用示例：

<iframe src="demo_iframe.htm" width="200" height="200" seamless></iframe>

注：只有 Chrome 和 Safari 6 支持 <iframe> 标签的 seamless 属性

□ src属性

定义：规定在<iframe>中显示的HTML文档的URL

值：HTML文档的URL地址

□ srcdoc属性

定义：规定页面中的HTML内容显示在<iframe>中

值：一些HTML代码

□ 全局属性

<iframe>标签支持HTML的全局属性

□ 事件属性

<iframe>标签支持HTML的事件属性

■ 使用示例

<iframe src="http://www.iframe.com"></iframe>