IFrame

分类

配置

示例

说明

内容

模式

设置 IFrame 模式

URL

设置要嵌入到 IFrame 中文档的地址

代码

设置要嵌入到 IFrame 中的 html 代码片段

交互

隐藏

隐藏，详情参见通用属性

隐藏时保留布局

隐藏时保留布局，详情参见通用属性

样式

高度

高度，详情参见通用属性

外边距

外边距，详情参见通用属性

工具栏

设置是否展示工具栏

工具栏文本

开启「工具栏」后，可以设置工具栏文本

CSS 样式

背景色

设置 IFrame 组件的背景色，详情参见通用属性

边框

设置组件的边框颜色，对应 CSS 属性：border-color，查看 mdn 详细说明

圆角

详情参见通用属性

工具栏背景色

设置工具栏背景色，详情参见通用属性

工具栏文本颜色

设置工具栏文本颜色，对应 CSS 属性：color，查看 mdn 详细说明

名称

类型

示例

说明

src

string

iframe.src

IFrame 文档地址

code

string

iframe.code

要嵌入到 IFrame 中的 html 代码片段

topBarText

string

iframe.topBarText

工具栏标题文本

setSrc

func

iframe.setSrc('https://www.aliyun.com/')

设置 IFrame 文档地址

clearSrc

func

iframe.clearSrc('')

清除 IFrame 文档地址

setCode

func

iframe.setCode('

<iframe src="https://www.aliyun.com/" title="W3School 在线教程"></iframe>')

设置要嵌入到 IFrame 中的 html 代码片段

clearCode

func

iframe.clearCode('')

清除要嵌入到 IFrame 中的 html 代码片段

setTopBarText

func

iframe.setTopBarText('阿里云')

设置工具栏标题文本

clearTopBarText

func

iframe.clearTopBarText('')

清除工具栏标题文本

click

func

iframe.click()

点击操作