JS在各种情况下自适应高度，其实就是设置iframe的高度等于嵌入网页的高度，这样滚动条和嵌套痕迹就不能可见。在用户体验和网站美学方面起着重要作用。如果内容是固定的，那么我们可以直接通过CSS为其定义一个高度，也可以达到上述要求。当内容未知或发生变化时。这时候，有几种情况。iframe内容未知，高度可预测。这时候我们可以给它添加一个默认的CSSmin-height值，然后同时使用javascript来改变高度。常用的兼容代码有：//document.domain="caibaojian.com";functionsetIframeHeight(iframe){if(iframe){variframeWin=iframe.contentWindow||iframe.contentDocument.parentWindow;if(iframeWin.document.body){iframe.height=iframeWin.document.documentElement.scrollHeight||;在多个iframe的情况下针了解iframe的ID调用函数iframeAutoFit(iframeObj){setTimeout(function(){if(!iframeObj)return;iframeObj.height=(iframeObj.Document?iframeObj.Document.body.scrollHeight:iframeObj.contentDocument.body.offsetHeight);},200)}内容广泛变化的iframe高度自适应跨域自适应高度跨域下的iframe有时由于js的同源策略，js中的父页面无法获取iframe页面的高度，需要一个页面做代理。方法如下：假设www.a.com下的一个页面a.html要包含www.b.com下的一个页面c.html。我们使用www.a.com下的另一个页面agent.html作为代理获取iframe页面的高度，并设置iframe元素的高度。a.html包含iframe:在c.html中添加如下代码：最后在agent.html中放一段js：agent.html从url中获取宽高值，设置iframe的高宽（因为agent.html在www.a.com下，不受同源限制运行a.html时的JavaScript）
