Skip to main content

Iframe组件

1、数据

字段描述
URL设置要在 iframe组件中加载页面的URL
HTML提供 HTML(和<style>标签内的 CSS)以在 iframe 中呈现,而不是使用 URL。当此属性有值时,小部件的URL属性将被忽略。

2、属性

字段描述
标题为 iframe 内容设置标题。此标题出现在 iframe 的 HTML 标记 ( <iframe ... title="MyTitle">) 和小部件的内部IFrame1.title属性中。
加载时显示动画您可以使用拨动开关将其打开/关闭。您还可以使用 JavaScript 关闭/打开它

3、事件

字段描述
onURLChanged设置更改URL时触发的动作,或者您可以定义一个自定义 JavaScript 函数来调用
onSrcDocChanged设置内嵌HTML变化时触发的动作,或者您可以定义一个自定义 JavaScript 函数来调用
onMessageReceived设置嵌入页面接收到事件时触发的动作,或者您可以定义一个自定义 JavaScript 函数来调用

4、样式

字段描述
边框颜色对Iframe组件的边框颜色设置调整
边框宽度设置Iframe组件内画布与容器边框的宽度
边框透明度设置Iframe组件底下画布颜色的透明度
边框圆角对Iframe组件的边框样式进行修改
阴影调整Iframe组件整体阴影大小

5、动作

6、案例演示

用PagePlug的Iframe组件开发一个视频网站门户

7、JS代码