• 技术文章 >每日编程 >html知识

    Mip的内联框架组件是什么

    藏色散人藏色散人2018-11-03 16:24:32原创2497
    本篇文章主要给大家介绍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="//m.sbmmt.com" 
        allowfullscreen    width="400"
        height="300"
        allowtransparency="true">
    </mip-iframe>

    效果如图:

    7ae23928d71134a1028bc575c40b69c.png

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

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

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

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

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

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

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

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

    以上就是Mip的内联框架组件是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:Mip内联框架组件
    上一篇:Mip轮播图组件中的重要属性讲解 下一篇:Mip的折叠菜单组件是什么
    大前端线上培训班

    相关文章推荐

    • Mip是什么意思以及作用有哪些• MIP安装的具体步骤有哪些• 怎么创建初始的MIP配置及模板文件• MIP的规则有哪些• 怎么使用MIP组件• 怎么测试Mip页面运行情况

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网