码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-05-29 17:57:19      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:

<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>

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

标签:

原文地址:http://www.cnblogs.com/shizhongyi/p/4538970.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!