iframe height 100%无效
两种解决方式
一:
设置父标签高度固定 例:height:100px;。
原因 :iframe height:100% 只有在父亲标签高度确定的情况下才有效。
二:
在附标签高度确定的情况下 ,可以在js中编写函数获取父亲标签的高度值 height,将值赋值给iframe 设置iframe的固定高度。
例:
<td id = "iframeTd">
<iframe id = "prgressTableIfr" src="/hsb_workreport/html2/progress/prgressTable.jsp" height="100%" ></iframe>
</td>
function iframeHeight(){
var tdNode = document.getElementById("prgressTableIfr").parentNode;
console.info(tdNode.tagName);
var tdHeight = $("#iframeTd").height();
console.info("tdHeight:"+tdHeight);
$("#prgressTableIfr").height(tdHeight);
}
相关推荐
这是关于iframe使用过程中出现的问题整理的解决方法,关于使用iframe不用单独写接口打通数据,直接把数据通过ifarme嵌套方法传递过去,使用简单方便。
前端项目-Iframe-Height-Jquery-Plugin,该插件可以自动获取iframe的内容并设置iframe的高度。还有跨域修复
iframe在ie8 、谷歌浏览器4.0和 firefox3.5.3均成功自适应高度.
<iframe src="show.asp" frameBorder="0" width="500" scrolling="no" height="230"></iframe>
这是一个解决fixed在iframe中失效的解决案例,只要把文件放到编辑器中打开即可看到效果
获取iframe子网页的Height,chrome ff ie10 ie9 ie8 ie7都可以通过,其中chrome需要tomcat一下
360浏览器急速模式下,由于父窗口iframe、浏览器窗口改变大小等原因导致的滚动条部分可视区鼠标右键无法禁用等问题的解决办法:利用div等对象进行遮罩操作(该div对象必须覆盖可视区).
* 安全性问题:使用 iframe 可能会带来安全性问题,因为 iframe 可以加载恶意代码或攻击用户。 * 性能问题:使用 iframe 可能会影响应用程序的性能,因为 iframe 需要加载外部资源,可能会增加页面加载时间。 因此...
主要处理javascript对iframe框架的处理
框架完美解决了iframe之间的跨域通讯。底层技术采用window.name转换代理实现
以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的...
iFrame滚动条问题:显示隐藏滚动条 iFrame滚动条问题是指在使用iFrame时,滚动条的显示或隐藏问题。这个问题的出现是由于iFrame的滚动条样式在不同的浏览器和文档类型声明(DOCTYPE)下会有所不同。 在ASP.NET、...
在Flex中嵌入完整的网页所用到的类, xmlns:flexiframe=...<flexiframe:IFrame id="helpFrame" source="assets/dreamweaver/help/helpHome.html" height="100%" width="100%" overlayDetection="false" />
解决使用tab布局过程中页面多次加载的问题 如果在使用easyui过程中,你使用了easyui 的tab布局,在tab布局的内容上使用的不是content,而是iframe,那么你的页面有可能多次加载了,这篇文章帮你解决问题
有关iframe的用法,以及要用的图标 有关iframe的用法,以及要用的图标
iframe 跨域访问session问题解决方法
首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....
前端项目-set-iframe-height,跨域响应iframes:自动设置iframe高度以适应iframe内容
Iframe自动根据类容改变自己的大小,解决Iframe设置高度后无法缩小!拜一个高人所赐,特表示感谢!
解决下拉菜单被iframe遮住问题吗,