Mip的内联框架组件是什么

本篇文章主要给大家介绍MIP中的内联框架组件。

MIP的内联框架组件就是MIP的一种内置组件,而内置组件就是包含在 mip.js 中的组件,可直接使用,不需要另外引入 JS 脚本。

MIP中内联框架组件的标签<mip-iframe>

推荐参考mip使用手册:《MIP文档手册

想必大家都知道HTML中iframe标签,即iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

那么mip-iframe 就是用来支持在 MIP 中嵌入第三方内容的一种方式。

但是需要注意的是:所嵌入的内容强制是符合 HTTPS 协议的。

mip-iframe的简单示例如下:

<mip-iframe
    layout="fixed-height" 
    src="https://www.PHP.cn" 
    allowfullscreen    width="400"
    height="300"
    allowtransparency="true">
</mip-iframe>

效果如图:

7ae23928d71134a1028bc575c40b69c.png

当我们拖动滚动条只会影响内联框架中的内容。其实与普通的iframe标签用法基本相同。

mip-iframe标签中可能的值有:

widthheight属性分别表示与高度、宽度属性配合来设置的图片比例,不是实际宽高度。

frameborder表示规定是否显示框架周围的边框。

srcdoc表示规定在内联框架组件中显示页面的 HTML 内容

sandBox表示启用一系列对内容的额外限制。

allowtransparency属性设为“true”表示浮动框架定义透明内容

本篇文章就是关于MIP中的内联组件的具体介绍,也是非常简单易懂,希望对需要的朋友有所帮助!

以上就是Mip的内联框架组件是什么的详细内容,更多请关注编程之家其它相关文章

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些