codecamp

mip-iframe

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

如您的网站还不支持https,可使用百度云加速服务,开通https.
详细了解请进入:http://su.baidu.com/zhuanti/mip

标题内容
类型通用
支持布局responsive, fixed-height, fixed
所需脚本

示例

基本使用

<mip-iframe
    allowfullscreen 
    srcdoc="<p>123</p>" 
    src="http://m.baidu.com" 
    sandbox="" 
    allowfullscreen 
    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 
    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
默认值:无

mip-carousel 多图轮播
mip-img 图片
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

MIP 帮助

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }