`

iFrame自适应Body高度

 
阅读更多
<iframe id="iFrame1" name="iFrame1" width="100%" onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>

关键就在于onload="this.height=iFrame1.document.body.scrollHeight"!
分享到:
评论

相关推荐

    JS实现iframe自适应高度的方法(兼容IE与FireFox)

    本文实例讲述了JS实现iframe自适应高度的方法。分享给大家供大家参考,具体如下: 之前一直被iframe自适应高度的问题困扰,很多JS代码在FF里面似乎就变成哑巴了。后来下面这段代码终于被我从万千号称兼容FF的代码堆...

    iframe自适应高度

    if (win.contentDocument && win.contentDocument.body.offsetHeight) win.height = win.contentDocument.body.offsetHeight; else if(win.Document && win.Document.body.scrollHeight) win.height = win....

    兼容主流浏览器的iframe自适应高度js脚本

    兼容主流浏览器的 Iframe 自适应高度,js脚本如下: 代码如下: //iframe 高度自适应 function iframeAutoFit(iframeObj) { setTimeout(function () { if (!iframeObj) return; iframeObj.height = (iframeObj....

    关于IFRAME 自适应高度的研究

    关于IFRAME 自适应高度的研究——之前自己也碰到过这个问题,为了得到答案去网上搜索,发现有不少人也遇到了这样的问题,现在就把解决方法共享一下。 重要提示:src=中你必须填写的网页地址,一定要和本页面在同一...

    使用postMessage让 iframe自适应高度的方法示例

    前言 有时候,我们会使用 iframe标签,将前端分离项目无感的嵌入 如以Freemark为主体较老的项目中。 我们知道,当iframe内部内容...黄色区域 是通过 iframe标签引入 的body.html部分。 index.html : &lt;!DOCTYPE htm

    javascript应用:Iframe自适应其加载的内容高度

    main.htm: 代码如下:&lt;html&gt; &lt;head&gt; &lt;... charset=gb2312′&gt; &lt;... &lt;...iframe自适应加载的页面高度&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;iframe src=”child.htm”

    让iframe自适应高度(支持XHTML,支持FF)

    先说明,这个办法只限于iframe中的子页面也是本地页面(不能引用外网页面) ======方法===== 第一步 js部分 function getSize() { var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) {...

    iframe src为图片时的高度自适应的代码

    对于iframe高度自适应的问题,网上已经被讨论n次了,一般通过在iframe加载完毕时访问iframe内页body的offsetHeight和offsetWidth然后更新iframe的高宽来实现。 今日遇到的自适应问题与以往有一些不同,这次的src是...

    jQuery获取与设置iframe高度的方法

    复制代码 代码如下:var iframeHeight = $(“#UpdateUserItem”).contents().find(“body”).height(); 2.设置iframe的高度: $(#UpdateUserItem).height(iframeHeight); 注:UpdateUserItem为iframe的ID; 设置...

    Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐

    try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; var height = Math.max(bHeight, dHeight); ifr

    jQuery简单实现iframe的高度根据页面内容自适应的方法

    本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法。分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $(#iframeId).load(function () { var ...

    jsp页面iframe高度自适应的js代码

    以下操作写在body里面,form表单外 &lt;iframe id=agentFrame name=agentFrame src= width=0 height=0 style=display:none; &gt;&lt;/iframe&gt; [removed] function sethash(){ hashH = document.documentElement....

    js跨域问题之跨域iframe自适应大小实现代码

    body onload=”[removed] setHeight();”&gt; [removed] function setHeight(){ var dHeight = document.documentElement.scrollHeight; var t = document.createElement(“div”); t[removed] = ‘&lt;iframe id=”...

    自适应高度框架 —-属个人收藏内容

    main.htm: &lt;... &lt;head&gt; &lt;... charset=gb2312′ /&gt; &lt;... &lt;...iframe自适应加载的页面高度&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt;&lt;iframe src=”child.htm”&gt;&lt;/i

    使两个iframe的高度与内容自适应,且相等

    iframe frameborder=”0″ scrolling=”no” name=”news1″ id=”news1″ onload=”if(document.frames[‘news1’].document.body.scrollHeight&gt;document.frames[‘news2’].document.body.scrollHeight) ...

    jQuery解决iframe高度自适应代码

    代码如下:[removed] &lt;...– $( function() { //iframe高度随内容自动调整 $(‘.main’).load( function() { $(this).height($(this).contents().find(“body”).attr(‘scrollHeight’)); } ); } ); // –&gt; &lt;/

    iframe 多层嵌套 无限嵌套 高度自适应的解决方案

    iframe id=”main” name=”main” width=”980″ scrolling=”no” frameborder=”0″ src=”B页面” onload=”this.height=main.document.body.scrollHeight;this.width=main.document.body.scrollWidth;if(this....

    js实现的真正的iframe高度自适应(兼容IE,FF,Opera)

    window.opera) { if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight) cwin.height = cwin.contentDocument.body.offsetHeight + 20; else if(cwin.Document && cwin.Document.body.scrollHe

    iframe实用操作锦集

    iframe高度设置为子页面高度 ... iframe高度自适应于父页面 代码如下: //需要使用Jquery $(window).resize(function () { var webheight = document.body.clientHeight – X; //X是需要减去的高度量,例如顶部导航的

    js控制iframe的高度/宽度让其自适应内容

    – [removed]=function() { parent.document.all(“iframe1”).style.height = document.body.scrollHeight; parent.document.all(“iframe1”).style.width = document.body.scrollWidth; } // –&gt;&lt;/mce&gt;

Global site tag (gtag.js) - Google Analytics