iframe跨域高度自适应

前提： 咱们能够改动两个域下面的页面代码。 . . .

域A 域B

. . .

好比咱们想实现，域A上经过iframe显示域B的页面内容，同时让域A的页面自适应域B的页面高度。

. . .

1. 在域A的页面，iframe域B的页面

<iframe height='200px' id='iframeA' src="http://域B/B.html"></iframe>

. . . 2.域B的页面B.html写一个窗口加载事件：

window.onload = function(){} . . .

-一、建立一个iframe，设置其高宽为0px（这是为了避免占空间）； -二、获取本页面的完整高度， -三、设置iframe.src为：域A/set_DomainA_Height.html#接“完整高度” -四、而后把iframe给append到本页面----document.body.appendChild(iframe)

. . . 3.在域A下建立set_DomainA_Height.html . . .

由于本页面跟域A处于同一域，因此就不存在跨域了，能够直接设置域A的Iframe的高度，以此实现高度自适应。

. . .

-一、获取域A的iframe

parent.parent.document.getElementById("iframe1");

. . . -二、获取锚点参数--高度值

window.location.hash.split("#");

. . .

-三、设置域A的高度为获得的值

. . .

Done