我有一个应用程序,我想嵌入我们公司的CMS。唯一的方法(我被告知)是将其加载到<iframe>
.
简单:只需设置高度
和宽度
到100%
! 只是,它不起作用。
我确实了解了设置框架边框
到0
,所以至少看就像网站的一部分,但我不希望有一个难看的滚动条里面allready有一个页面。
你知道做这件事的诀窍吗?
编辑:我想我需要稍微澄清一下我的问题:
- CMS公司展示了我们整个网站的软毛和素材
- 通过CMS创建的大多数页面
- 我的应用程序不是,但他们会让我将其嵌入
<iframe>
- 我无法控制
iframe公司
,因此任何解决方案都必须从引用的页面运行(根据型钢混凝土
的属性iframe公司
标签)
- CMS显示页脚,因此将高度设置为100万像素不是一个好主意
我可以从引用的页面访问父页面DOM吗?这可能会有帮助,但我可以看到有些人可能不希望这样。。。
这项技术似乎有效(收集的来自多个来源,但受链接根据已接受的答案:
在父文档中:
<iframe id=“MyIFRAME”name=“MyIFRAM”src=“http://localhost/child.html"scrolling=“auto”width=“100%”frameborder=“0”>不支持iframe。。。</iframe>
在儿童中:
<!-- ... --><body><script type=“text/javascript”>函数resizeFrame(){var文档高度;if(文档类型.height!=“未定义”){docHeight=文档高度;}else if(document.compatMode&&document.com模式!=“BackCompat”){docHeight=document.documentElement.scrollHeight;}else if(document.body&&文档类型.body.scrollHeight!='未定义'){docHeight=document.body.scrollHeight;}//神奇数字:禁止生成滚动条。。。docHeight+=20;parent.document.getElementById('MyIFRAME').style.height=docHeight+“px”;}parent.document.getElementById('MyIFRAME').onload=resizeIframe;parent.window.onresize=调整帧大小;</script></body>
顺便说一句:由于JavaScript中出于安全原因的限制,只有当父级和子级位于同一域中时,这才有效。。。