Question

iframe 调用子页是能够自适应高度，兼容ie8,ie9,火狐等浏览器

关于这个问题，在网上找了好长时间，还是没能解决这个问题，实在是头疼的很。哪位高手能路过并指点下，小妹感激不尽，拜托拜托，附上我所有的财富，虽不多但这代表我急切之心啊！！！！

Answer 1

　　您好！很高兴为您答疑！

　　在一个页面含有某个iframe，其id="myframe" name="myframe"，此时使用document.getElementById("myframe")取到的是iframe标签对象，通过该对象可以获取iframe的各个属性
<script type="text/javascript">
function SetCwinHeight(iframeObj){
if (document.getElementById){
if (iframeObj && !window.opera){
if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){
　　iframeObj.height = iframeObj.contentDocument.body.offsetHeight;
　　}else if(document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){
　　iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight;
　　}
　　}
　　}
　　}
　　</script>
　　<iframe width="100%" name="frameContent" onload="SetCwinHeight(this)" frameborder="0" src="http://www.xxx.com"></iframe>
　　　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 2

<iframe src="子页" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>

js里写上
<script type="text/javascript" language="javascript">
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;
}
}
</script>

Answer 3

<iframe onload="javascript:this.height=Math.max(this.contentWindow.document.body.scrollHeight, contentWindow.document.documentElement.scrollHeight);"></iframe>