Iframe的代码怎么写才能满足我的自适应内容的高度的要求啊?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Iframe的代码怎么写才能满足我的自适应内容的高度的要求啊?相关的知识,希望对你有一定的参考价值。

我有一个ASP网页,一共分3页,前两页每页10条记录,第三页2条记录,然后每条记录可以点击开看到里面的内容,内容的页面高度是未知的~
我使用IFRAME嵌入了这个ASP网页,但是我在网上搜索的一些IFRAME自适应高度的代码,可是这些代码只能自适应1次,也就是说第一页的10条记录的这个页面可以自适应,但是,点击开任何一条记录的内容的时候就不会自适应高度了,高度还是保持那10条记录页面的高度~
请问哪位好人能帮帮我,有没有每次点开IFRAME页面里的任何一个超链接都重新自适应高度的代码呢?
我不知道这样表述大家有没有看明白,希望哪位好心人能帮助我~谢谢~我有很多积分~一定会高分回报的~

几个办法,一是在iframe onload的时候计算并设置iframe高度,另一个是定期运行js函数来检查并设置iframe高度,有篇文章不错(http://ued.koubei.com/?p=243),可以看一下。下面是定期运行的JS函数的代码,ie下测试有效。

<iframe id="frame_content" src="html_drag.html" scrolling="no" frameborder="0" onload="this.height=100"></iframe>
<hr>
<script type="text/javascript">
function reinitIframe()

var iframe = document.getElementById("frame_content");
try

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

catch (ex)


window.setInterval("reinitIframe()", 200);
</script>
如果只考虑FX和IE,并且,iframe里面内容也不进行DOM操作,那仍然可以用最简单的传统处理方式,ie下测试有效:
<iframe id="frame_content2" src="html_drag.html" scrolling="no" frameborder="0" onload="this.height=this.contentWindow.document.body.scrollHeight"></iframe>

参考资料:http://ued.koubei.com/?p=243

参考技术A 建议使用javascript完成你要的效果。
你将页面的每条记录都设置成同样的name(HTML标签中的name属性),然后js代码获取到这个name的记录的个数后,动态设置iframe的高度。
参考技术B 不清楚asp 也不知道你怎么分页的
简介的考虑一下 你可以补上8条空记录 union (select 你的表结构)补空记录

以上是关于Iframe的代码怎么写才能满足我的自适应内容的高度的要求啊?的主要内容,如果未能解决你的问题,请参考以下文章

Iframe

怎么将iframe框设置自适应

vue下iframe怎么自适应高度

iframe 高度设置iframe 自适应高度方法总结

iframe高度自适应,终于解决了

怎么让iframe自适应浏览器的高度和宽度