本篇文章主要给大家介绍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>
登录后复制
效果如图:
当我们拖动滚动条只会影响内联框架中的内容。其实与普通的iframe标签用法基本相同。
mip-iframe标签中可能的值有:
width和height属性分别表示与高度、宽度属性配合来设置的图片比例,不是实际宽高度。
frameborder表示规定是否显示框架周围的边框。
srcdoc表示规定在内联框架组件中显示的页面的 HTML 内容。
sandbox表示启用一系列对内容的额外限制。
allowtransparency属性设为“true”表示浮动框架定义透明内容。
本篇文章就是关于MIP中的内联组件的具体介绍,也是非常简单易懂,希望对需要的朋友有所帮助!
以上就是Mip的内联框架组件是什么的详细内容,更多请关注Work网其它相关文章!