首页 > 网站 > WEB开发 > 正文

iframe自动适应高度1

2024-04-27 14:34:39
字体:
来源:转载
供稿:网友
iframe自动适应高度1

js:

function iFrameHeight() {var ifm= document.getElementById("iframepage");var subWeb =document.frames ? document.frames["iframepage"].document : ifm.contentDocument;if(ifm != null && subWeb != null) {ifm.height = subWeb.body.scrollHeight;}}

iframe:

<iframe id="iframepage" src="study_1.asp" frameborder="0" scrolling="no" style="width:100%; " onLoad="iFrameHeight()"></iframe>

下面的兼容性比较好:/*兼容FF/IE9/IE8/IE7/IE6*/function iframeResize(iframe) { try { //var iframe = document.getElementById("contentFrame"); //("contentFrame"); var idocumentElement = iframe.contentWindow.document.documentElement; if (idocumentElement.scrollHeight > 560) { iframe.height -= 5; iframe.height = idocumentElement.scrollHeight; } else { iframe.height = 560; } } catch (e) { window.status = 'Error: ' + e.number + '; ' + e.description; } }

iframe:

<iframe id="iframepage" src="study_1.asp" frameborder="0" scrolling="no" style="width:100%; " onLoad="iframeResize(this)"></iframe>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表