跨域Iframe高度自适应
在CSS Trick上面看到了一篇讲跨域Iframe调整的文章,DEMO在这里。要做到跨域Iframe高度自适应,需要可以控制两个域内的内容,主要的技术是通window.location.hash来传递信息。
先来看看主域的内容: 继续阅读 »
在CSS Trick上面看到了一篇讲跨域Iframe调整的文章,DEMO在这里。要做到跨域Iframe高度自适应,需要可以控制两个域内的内容,主要的技术是通window.location.hash来传递信息。
先来看看主域的内容: 继续阅读 »
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来传就可以了。
实例的代码有时间续。