iframe跨域高度自适应

最新推荐文章于 2024-09-15 22:31:42 发布

weixin_34376986

最新推荐文章于 2024-09-15 22:31:42 发布

阅读量77

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2437172/blog/635025

版权

2019独角兽企业重金招聘Python工程师标准>>>

前提：我们可以改动两个域下面的页面代码。 . . .

域A 域B

. . .

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

. . .

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

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

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

-1、创建一个iframe，设置其高宽为0px（这是为了不占空间）； -2、获取本页面的完整高度， -3、设置iframe.src为：域A/set_DomainA_Height.html#接“完整高度” -4、然后把iframe给append到本页面----document.body.appendChild(iframe)

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

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

. . .

-1、获取域A的iframe

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

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

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

. . .

-3、设置域A的高度为得到的值

. . .

Done

转载于:https://my.oschina.net/u/2437172/blog/635025