MIP文档手册

浏览14554
更新时间2022-04-11

mip-iframe 是用来支持在 mip 中嵌入第三方内容的一种方式,需要注意的是:所嵌入的内容强制是符合https协议的。

如您的网站还不支持https,可使用百度云加速或其他同类型服务,开通https.
百度云加速开通步骤:http://su.baidu.com/zhuanti/mip

QQ截图20170204112355.png

示例

基本使用

<mip-iframe
    allowfullscreen 
    srcdoc="<p>123</p>" 
    src="http://m.baidu.com" 
    sandbox="" 
    allowfullscreen    width="400"    height="300" 
    allowtransparency="true">
</mip-iframe>

加布局(fixed-height为例)

<mip-iframe
    layout="fixed-height" 
    height="50" 
    allowfullscreen 
    srcdoc="<p>123</p>" 
    src="http://m.baidu.com" 
    sandbox="" 
    allowfullscreen    width="400"    height="300"
    allowtransparency="true">
</mip-iframe>

属性

src

说明:与原生iframe的src属性作用一致
必选项:是
类型:URL
单位:无
取值:必须要使用https地址
默认值:无

width

说明:与高度(height)的比值被mip-iframe用来计算区域的比例和大小
必选项:是
类型:数字
单位:无
默认值:无

height

说明:与宽度(width)的比值被mip-iframe用来计算区域的比例和大小
必选项:是
类型:数字
单位:无
默认值:无

allowfullscreen

说明:与原生iframe的allowfullscreen属性作用一致
必选项:否
取值:空
默认值:无

srcdoc

说明:与原生iframe的srcdoc属性作用一致
必选项:否
类型:HTML_code
单位:无
取值:要显示在 iframe 中的 HTML 内容。必需是有效的 HTML 语法。
默认值:无

sandbox

说明:与原生iframe的sandbox属性作用一致
必选项:否
类型:字符串
单位:无
取值:"", allow-same-origin,allow-top-navigation,allow-forms,allow-script
默认值:无

allowtransparency

说明:与原生iframe的allowtransparency属性作用一致
必选项:否
类型:字符串
单位:无
取值:"",true,false
默认值:无

相关视频

更多

免费

Web前端开发极速入门
初级Web前端开发极速入门

221973次学习

收藏

免费

前端入门_HTML5
初级前端入门_HTML5

624639次学习

收藏

免费

30分钟学会网站布局
初级30分钟学会网站布局

240755次学习

收藏

免费

CSS视频教程-玉女心经版
初级CSS视频教程-玉女心经版

397503次学习

收藏

免费

独孤九贱(1)_HTML5视频教程
初级独孤九贱(1)_HTML5视频教程

623393次学习

收藏

精品课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时 | 62.5万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时 | 39.8万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时 | 73.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号