转：关于Iframe自适应高度（解决了我的问题）

悠悠 2023-01-11 01:22 138阅读 0赞

原文链接：[https://www.cnblogs.com/apresunday/p/8848119.html][https_www.cnblogs.com_apresunday_p_8848119.html]

# 方法一 #

>     <iframe id="mainiframe" width="100%" height="600" src="/dsdd/confirm/" οnlοad="changeFrameHeight()" frameborder="0" scrolling="auto"></iframe>
> 
>     function changeFrameHeight(){
>             var ifm= document.getElementById("mainiframe");
>             ifm.height=document.documentElement.clientHeight-56; //56是头顶的高度，和网友估计不一样。
>         }
>         $(function(){ window.onresize=function(){
>                 changeFrameHeight(); }}); //这里不知道是否还要 $(function(){}) 这个闭包吗？后证实不需要

# 方法二 #

>     <iframe id="mainiframe" width="100%" height="600" src="/dsdd/confirm/"  frameborder="0" scrolling="auto"></iframe>
> 
>     function changeFrameHeight(){
>             var ifm= document.getElementById("mainiframe");
>             ifm.height=document.documentElement.clientHeight-56;
>         }
>         window.onresize=function(){ changeFrameHeight();}
>         $(function(){changeFrameHeight();});
> 
>

[https_www.cnblogs.com_apresunday_p_8848119.html]: https://www.cnblogs.com/apresunday/p/8848119.html

发表评论取消回复

表情：

评论列表（有 0 条评论，138人围观）

还没有评论，来说两句吧...

相关阅读

相关转：关于Iframe自适应高度（解决了我的问题）

原文链接：[https://www.cnblogs.com/apresunday/p/8848119.html][https_www.cnblogs.com_apresunda

悠悠/ 2023年01月11日 01:22/ 0 赞/ 139 阅读

相关 (转)让iframe自适应高度-真正解决

方法二 <iframe src="http://www.fulibac.com" id="myiframe" scrolling="no" onload="ch

た入场券/ 2023年01月10日 03:45/ 0 赞/ 188 阅读

相关 iframe自适应高度

function setIframeHeight(iframe) \{ if (iframe) \{ var iframeWin

妖狐艹你老母/ 2022年09月24日 08:29/ 0 赞/ 267 阅读

相关 iframe自适应高度解决方案

经常会有父页面需要通过iframe嵌入另一个子页面,又要适时根据子页面的高度调整父页面中iframe的高度，这就要求页面必须具有自适应功能。自适应思想比较简单：就是父页面中i

╰半夏微凉°/ 2022年08月22日 00:10/ 0 赞/ 218 阅读

相关 iframe自适应高度

[JS][]自适应高度，其实就是设置[iframe][]的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的，

落日映苍穹つ/ 2022年07月15日 15:49/ 0 赞/ 300 阅读

相关 iframe高度自适应问题

今天写了一下html静态页，遇到iframe高度自适应问题。本来是使用bootstrap的，看它上面的文档说直接使用它们给好样式就可以了。但是并没有达到要的效果。最后使用

约定不等于承诺〃/ 2022年05月17日 08:20/ 0 赞/ 278 阅读

相关 iframe自适应高度

<iframeοnlοad="this.height=this.document.documentElement.scrollHeight"name="reportsFrame

柔光的暖阳◎/ 2022年04月14日 05:20/ 0 赞/ 342 阅读

相关 iframe高度自适应

<iframe src="index.html" onload="this.height=this.contentWindow.document.body.scrol

心已赠人/ 2022年03月17日 16:28/ 0 赞/ 357 阅读

相关 iframe自适应高度（转）

iframe自适应高度 ![此博文包含图片][sg_trans.gif](2013-04-23 17:29:49) <table> <tbody> <tr>

比眉伴天荒/ 2022年01月05日 05:51/ 0 赞/ 391 阅读

相关 iframe高度自适应

子页面头部是： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w

柔光的暖阳◎/ 2021年07月26日 12:30/ 0 赞/ 557 阅读