欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

iframe跨域高度自适应_html/css_WEB-ITnose

程序员文章站 2022-06-09 10:37:47
...
前提:我们可以改动两个域下面的页面代码。...域A域B...比如我们想实现,域A上通过iframe显示域B的页面内容,同时让域A的页面自适应域B的页面高度。...1、在域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