调整iFrame高度

【调整iFrame高度】的更多相关文章

在Chrome中,即使将iframe的高度设置为100%,也无法根据内容页自动调节高度,需要在iframe的onload even中通过计算设置iframe的高度 function setIframe(){ var iframe = document.getElementById("iframeA"); var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentW…

8.14 右键自定义菜单更加iframe 内容高度调整 iframe高度 js定时

<div class="main_contain" id="z_div" style="position: relative;"> <iframe id="MainFrame" style="width:740px;" frameborder="0" scrolling="no" src="<%=basePath%>${toUr…

iframe高度自动随着子页面的高度变化而变化(不止要在iframe标签里加上this.height=this.contentWindow.document.body.scrollHeight)

最近使用iframe整合页面遇到一些难题,走了很多弯路才解决,借此记录一下: 1  2 <div class="iframe-wrapper" > 3 <iframe scrolling="no" id="iframe1" name="iframe1" 4 src="../index/index_copy.html" frameborder=&qu…

iframe高度调整

//设置iframe高度 function setHeight(){ var originalHeight=$(window).height(); var headerHeight=$('.header').height(); $('#iframe1').height(originalHeight-headerHeight) } 之前在处理后台项目时使用了iframe,处理的过程中出现了双滚动条. 使用上面的方法处理,可以解决.…

iframe高度自适应（同域）

今天解决了iframe高度自适应的问题,不过这只是同域下的页面嵌入,以下是代码: function SetCwinHeight(){ var iframeid = document.getElementById("frame"); //frame是iframe的id if (document.getElementById) { if (iframeid && !window.opera) { if (iframeid.contentDocument &&…

如何设置iframe高度自适应，在跨域的情况下能做到吗？

在页面上使用iframe来动态加载页面内容是网页开发中比较常见的方法.在父页面中给定一个不带滚动条的iframe,然后对属性src指定一个可加载的页面,这样当父页面被访问的时候,子页面可以被自动加载.iframe的高度需要根据子页面的实际高度来进行调整.如果iframe的高度小于子页面的实际高度,超出的部分无法显示:相反,如果iframe的高度过高,则页面上会出现大量的空白区域.我们可以通过属性或者CSS来设置iframe的高度,当不确定子页面内容的高度时,也可以通过脚本来进行动态指定.但是如果…