iframe自适高度宽度，多版本浏览器兼容

<script type="text/javascript">
function SetCwinHeight() {
var iframeid = document.getElementById("maincontent1"); //iframe id
iframeid.height = "10px";//先给一个够小的初值,然后再长高.
if (document.getElementById) {
if (iframeid && !window.opera) {
if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight) {
iframeid.height = iframeid.contentDocument.body.offsetHeight;
} else if (iframeid.Document && iframeid.Document.body.scrollHeight) {
iframeid.height = iframeid.Document.body.scrollHeight;
}
}
}
}
</script>

 

<iframe style="z-index: 1; visibility: inherit; width: 100%; position:absolute; top:0px; left:0px;" name="maincontent1" onload="Javascript:SetCwinHeight()" height="1" id="maincontent1"marginwidth="0" marginheight="0" frameborder="0" scrolling="no"  src="topTemplate.html"></iframe>

转载于:https://www.cnblogs.com/shizhongyi/p/4538970.html