iframe高度自适应的实现

一、背景：

　　这个应用的地方太多了，到百度搜索解决方法一大堆，但是真正可以实现的却很少，在asp.net中新增一个页面的时候会自动生成一行代码（如下）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　在这个标准下很多解决方法都会失效，具体为什么在这里不做叙述，只说解决办法。

二、代码如下：

<div><iframeid="iframe_item"width="100%"name="iframe_item"src="XXXXX.aspx"scrolling="no"frameborder="0"onload="this.height=100"></iframe>

<scripttype="text/javascript">functionreinitIframe() {variframe=document.getElementById("iframe_item");try{varbHeight=iframe.contentWindow.document.body.scrollHeight;vardHeight=iframe.contentWindow.document.documentElement.scrollHeight;varheight=Math.max(bHeight, dHeight);                     iframe.height=height;                 }catch(ex) {                 }             }             window.setInterval("reinitIframe()",200);</script>

</div>

解释：页面加载的时候给个初始高度，之后动态获取嵌入帧的高度以达到自适应的效果，很多人会怀疑效率问题，在这里可以告诉大家几乎没有任何影响。cpu和内存的使用率没变化。对于那些喜欢在这种问题上纠结的人，或者是过分追求性能的程序员不建议使用。希望对有些人有帮助把。。。。，有问题请留言。。。。

转载于:https://www.cnblogs.com/lihaibo/archive/2011/10/10/2205626.html

iframe高度自适应的实现相关推荐

Iframe高度自适应（兼容IE/Firefox、同域/跨域）
在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此. 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固 ...
Iframe高度自适应（兼容IEFirefox、同域跨域）
在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此. 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固 ...
CSS完美实现iframe高度自适应（支持跨域）
https://blog.csdn.net/qq_32915337/article/details/79900222 Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用 ...
纯CSS实现iframe高度自适应，完美兼容各种浏览器，同域异域
最近做项目需要引用外部页面,在网上找的许多关于iframe高度自适应的文章,有的只能同域访问,有的可以实现异域,但是需要异域是可编辑的.对于我这种情况都不适用.而且,这些方法都需要用js. 后来,我发 ...
iframe高度自适应（IE6+、FF、Opera、Chrome等测试通过）
在主页面中对于嵌入的iframe页面高度未知,而且iframe页面的高度也不定,故不能在主页面中通过DOM来控制高度.在iframe页面中加入以下脚本便可实现: /* iframe 高度自适应脚本(I ...
iframe高度自适应的6个方法
iframe内容未知,高度可预测这个时候,我们可以给它添加一个默认的CSS的min-height值,然后同时使用JavaScript改变高度.常用的兼容代码有: // document.domain ...
跨域iframe高度自适应(兼容IE/FF/OP/Chrome)
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域.跨域两种情况. 由于客户端js使用浏览器的同源安全策 ...
html iframe自动高度,iframe高度自适应撑开
iframe在div中如何自适应高度 div中的iframe高度和宽度自适应的问题我用bootstrap布局,上边部分为导航菜单,左边为一级菜单. DIV里嵌套Iframe,让Iframe及DIV高 ...
完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】
Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用它,总之用过的人知道它的强大之处,但是Iframe有个致命的"BUG"就是iframe的高度无法自 ...
iframe高度自适应问题
今天写了一下html静态页,遇到iframe高度自适应问题.本来是使用bootstrap的,看它上面的文档说直接使用它们给好样式就可以了.但是并没有达到要的效果. 最后使用了这个中方法解决了. < ...

iframe高度自适应的实现

iframe高度自适应的实现相关推荐

最新文章

热门文章