Web Frontend Develope, Design, Music, Life——Stay Hungry, Stay Foolish~
标签类目:iframe

跨域Iframe高度自适应

在CSS Trick上面看到了一篇讲跨域Iframe调整的文章,DEMO在这里。要做到跨域Iframe高度自适应,需要可以控制两个域内的内容,主要的技术是通window.location.hash来传递信息。

先来看看主域的内容: 继续阅读 »

iframe高度自适应(跨域)

a里面有iframe b

关于同域的情况,可以通过document.frames['b'].height = document.frames['b'].contentWindow.document.scrollHeight来设定,对于跨域的情况有很多种解决方法:

1.通过window.name

2.通过location.hash

都需要通过创建一个和a页面同域的代理文件c,第一种情况创建一个与a同域的iframe c,在目的iframe b设置其window.name为数据,然后删除此iframe c,就可以得到iframe b里的高度数据;第二种情况,创建一个与a同域的irame c,c中通过parent.parent可以访问到a页面,或a页面通过frames['b'].frames['c'].location.hash可以访问到c的location hash,高度通过hash来传就可以了。

实例的代码有时间续。

返回顶部