Iframe高度调整样例

1.样例说明

(1). 本例演示Iframe高度调整效果,两种情况:跨域和不跨域.
(2). 不跨越情况:下在Iframe中配置url,并设置自适应高度(heightSelfAdaption)为true.
(3). 跨越情况:首先下在Iframe中配置url,并设置自适应高度(heightSelfAdaption)为true,并引入communication模块
(4). 跨越情况:然后下在子页面的body底部引入communication.js文件.
(5). 暂不支持post方式请求后的高度调整.

2.样例配置

配置如下图所示:
Iframe高度调整

3.样例演示

未跨域:

1.配置页面

2.预览页面

跨域:

1.配置页面

2.预览页面

相关样例